Tengo una tabla HTML donde el valor de una de las columnas se agrega dinámicamente. Tengo un botón de actualización, al hacer clic en él quiero que estos datos se actualicen en mi base de datos sql. Para esto, planeo primero obtener los datos de la tabla y ponerlos a la vista, luego enviar los datos al controlador y luego actualizar sql.
Estoy atascado en el primer paso,
Tabla de descripción a continuación
<thead> <tr> <th>ID</th> <th >Name</th> <th>Active</th> <th>Order By</th> </tr> </thead> <tbody> @if (ViewBag.data != null) { foreach (var item in ViewBag.data) { <tr> <td >@item.AutoID</td> <td @item.Text</td> <td >@item.Active</td> <td>@item.OrderBy</td> </tr> } } </tbody> </table> </div> </div> <input type="submit" value="Update Preference" class="BtnUpdOrderId" /> </div>
Probé esta función js a continuación para obtener los datos
$(".BtnUpdOrderId").click(function () { var tr = $(this).closest('tr'); var id = tr.find('input[name="autoid"]').val(); var text = tr.find('input[name="text"]').val(); var active = tr.find('input[name="active"]').val(); var orderby = tr.find('input[name="orderby"]').val(); alert('type1 : ' + id + ' ' + text + ' ' + active + ' ' + active); });
pero no estoy seguro de por qué nada entró en alerta
var TableData = new Array(); $('#tblLookup1 tr').each(function (row, tr) { TableData = TableData + $(tr).find('td:eq(0)').text(); alert(TableData); });
luego probé el bloque de código anterior para obtener datos en una variable pero aún no pude obtener nada.
Una vez que obtenga los datos, puedo intentar enviarlos desde la vista-> controlador.
Así que necesita la siguiente ayuda:
es posible que desee considerar la creación de un objeto json: crear un objeto json en mvc y regresar desde el controlador
luego construya su tablaConvierta la matriz JSON en una tabla HTML en jQuery
finalmente, la actualización solo necesita publicar el objeto json
https://dontpaniclabs.com/blog/post/2013/02/27/posting-json-data-to-an-mvc-controller-via-ajax/
si va a usar este objeto Jason, asegúrese de usar la serialización
Tienes que unir estos conceptos, pero hay muchos tutoriales y ejemplos en línea para que sea una buena experiencia de aprendizaje.
espero que esto ayude
enlaces útiles: https://www.sqlshack.com/modifying-json-data-using-json_modify-in-sql-server/ Actualización de un objeto JSON usando Javascript https://www.geeksforgeeks.org/how-to-convert -json-data-to-a-html-table-using-javascript-jquery/ crea un objeto json desde una tabla html usando columnas seleccionadas usando jquery