me he topado con este problema, quiero mostrar datos de una consulta MySQL en un Datatable, pero me sale este error: Uncaught TypeError: n[v] is undefined, les paso el código a ver si me ayudan a resolver esto, desde ya les estoy muy agradecido.
$('#frmReporteVenta').submit(function(e) {
e.preventDefault();
let varEmpresa = $('#txtEmpresasRpt').val();
let varCliente = $('#txtClientesRpt').val();
let varFechaIni = $('#txtFechaInicioRpt').val();
let varFechaFin = $('#txtFechaFinRpt').val();
llenarReporte(varEmpresa, varCliente, varFechaIni, varFechaFin);
});
function llenarReporte(empresa, cliente, fechaini, fechafin) {
let varEmpresa = empresa;
let varCliente = cliente;
let varFechaIni = fechaini;
let varFechaFin = fechafin;
let datos = { 'varEmpresa': varEmpresa, 'varCliente': varCliente, 'varFechaIni': varFechaIni, 'varFechaFin': varFechaFin };
let urlAjaxReporte = base_url + "Pedidos/getInfoReportes";
let tblReporteVentas = $('#tblReporteVentas').DataTable({
"aProcessing": true,
"aServerSide": true,
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json"
},
"ajax": {
"url": urlAjaxReporte,
"type": 'post',
"data": datos
},
"columns": [
{"data": "fecha_entrega"},
{"data": "empresa"},
{"data": "cliente"},
{"data": "dni"},
{"data": "comensal"},
{"data": "entrada"},
{"data": "fondo"},
{"data": "postre"},
{"data": "total"}
],
"responsive": "true",
"bDestroy": true,
"iDisplayLength": 10,
"order": [[0, "desc"]]
});
}
La consulta está testeada, no tiene errores, la variable base_url también funciona, la uso en todo el proyecto.
Espero que me puedan ayudar con esto. Muchas gracias.
He cambiado un poco el código, estoy guardando el resultado de la consulta en una variable y luego lo paso al Datatable. Lo que recibe la variable es esto:
[{"fecha_entrega":"2022-11-28","dni":"70167051","comensal":"JOSE LUIS, TORRES SHUPINGAHUA","entrada":"Papa a la huancaina","fondo":"Arroz chaufa con pollo","postre":"Torta de chocolate","empresa":"Enotria","cliente":"Enotria","total":"16"}]
Y lo pongo en el Datatable así:
$('#frmReporteVenta').submit(function(e) {
e.preventDefault();
let urlAjaxReporte = base_url + "/Pedidos/getInfoReportes";
let data = $('#frmReporteVenta').serialize();
$.ajax({
url: urlAjaxReporte,
type: 'post',
data: data,
success: function(response) {
let datos = response;
$('#tblReporteVentas').DataTable({
language: {
"url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json"
},
data: datos,
columns: [
{"data": "fecha_entrega"},
{"data": "empresa"},
{"data": "cliente"},
{"data": "dni"},
{"data": "comensal"},
{"data": "entrada"},
{"data": "fondo"},
{"data": "postre"},
{"data": "total"}
],
responsive: "true",
bDestroy: true,
iDisplayLength: 10,
order: [[0, "desc"]]
});
}
});
Y me sale un error que dice esto: DataTables warning: table id=tblReporteVentas - Requested unknown parameter 'fecha_entrega' for row 0, column 0.
Espero que me puedan ayudar.