Me gustaría saber de qué manera puedo mejorar este código de jQuery, ya que en ocasiones no me recupera los valores, o incluso me recupera los valores de un dato anterior, es decir: en ocasiones no recupera los valores correspondientes. ¿Existe una mejor forma de lo que yo realice para recuperar los valores de un formulario?
Espero me puedan orientar de acuerdo a su experiencia, se los agradecería. Me gustaría mejorar mi código de acuerdo a sus experiencias. Para ir mejorando.
El siguiente código es de un crud que estoy realizando
**$("#formReportes").submit(function (e) {
e.preventDefault(); //evita el comportambiento normal del submit, es decir, recarga total de la página
folio = $.trim($("#folio").val());
nombre = $.trim($("#nombre").val());
apellido = $.trim($("#apellido").val());
direccion = $.trim($("#direccion").val());
descripcion_domicilio = $.trim($("#descripcion_domicilio").val());
telefono = $.trim($("#telefono").val());
num_contrato = $.trim($("#num_contrato").val());
fecha_inicio = $.trim($("#fecha_inicio").val());
fecha_final = $.trim($("#fecha_final").val());
cuadrilla = $.trim($("#cuadrilla").val());
estatus = $.trim($("#estatus").val());
observaciones = $.trim($("#observaciones").val());
encargado_cuadrilla = $.trim($("#encargado_cuadrilla").val());
otra_descripcion = $.trim($("#otra_descripcion").val());
$.ajax({
url: "../controlador/reportes.php",
type: "POST",
datatype: "json",
data: {
id: id,
folio: folio,
nombre: nombre,
apellido: apellido,
direccion: direccion,
descripcion_domicilio: descripcion_domicilio,
telefono: telefono,
num_contrato: num_contrato,
fecha_inicio: fecha_inicio,
fecha_final: fecha_final,
cuadrilla: cuadrilla,
estatus: estatus,
observaciones: observaciones,
encargado_cuadrilla: encargado_cuadrilla,
otra_descripcion: otra_descripcion,
opcion: opcion,
},
success: function (data) {
console.log(data);
tablaReportes.ajax.reload(null, false);
},
});
$("#modalCRUD").modal("hide");
});
//para limpiar los campos antes de dar de Alta una Persona
$("#btnNuevo").click(function () {
opcion = 1; //alta
id = null;
$("#formReportes").trigger("reset");
$(".modal-header").css("background-color", "#17a2b8");
$(".modal-header").css("color", "white");
$(".modal-title").text("Alta Reportes");
$("#modalCRUD").modal("show");
});
//Editar
$(document).on("click", ".btnEditar", function () {
opcion = 2; //editar
fila = $(this).closest("tr");
id = parseInt(fila.find("td:eq(0)").text()); //capturo el ID
folio = fila.find("td:eq(1)").text();
nombre = fila.find("td:eq(2)").text();
apellido = fila.find("td:eq(3)").text();
direccion = fila.find("td:eq(4)").text();
descripcion_domicilio = fila.find("td:eq(5)").text();
telefono = fila.find("td:eq(6)").text();
num_contrato = fila.find("td:eq(7)").text();
fecha_inicio = fila.find("td:eq(8)").text();
fecha_final = fila.find("td:eq(9)").text();
cuadrilla = fila.find("td:eq(10)").text();
estatus = fila.find("td:eq(11)").text();
observaciones = fila.find("td:eq(12)").text();
encargado_cuadrilla = fila.find("td:eq(13)").text();
otra_descripcion = fila.find("td:eq(14)").text();
$("#folio").val(folio);
$("#nombre").val(nombre);
$("#apellido").val(apellido);
$("#direccion").val(direccion);
$("#descripcion_domicilio").val(descripcion_domicilio);
$("#telefono").val(telefono);
$("#num_contrato").val(num_contrato);
$("#fecha_inicio").val(fecha_inicio);
$("#fecha_final").val(fecha_final);
$("#cuadrilla option:contains(" + cuadrilla + ")").attr("selected", "");
$("#estatus option:contains(" + estatus + ")").attr("selected", "");
$("#observaciones").val(observaciones);
$("#encargado_cuadrilla").val(encargado_cuadrilla);
$("#otra_descripcion").val(otra_descripcion);
$(".modal-header").css("background-color", "#007bff");
$(".modal-header").css("color", "white");
$(".modal-title").text("Editar Reporte");
$("#modalCRUD").modal("show");
});**