Ya lo solucione no se si sea la mejor manera de mandar las cosas por el ajax DataTable pero ya me funciona
Primero cambie el
type = submit del botón? y le puse
type = button en mi linea 5 del HTML
Para mandar los datos no pude con var formDatos = new FormData($("#formBuscar")[0]) no pude lo puse así pero no funciono:
Código Javascript
:
Ver originalvar formDatos = new FormData($("#formBuscar")[0]); //Para obtener los datos del FormID
DataTable = $('#DataTable').dataTable({
"aProcessing": true, //Activa el procedimietno del DataTables
"aServerSide": true, //Paginación y filtrado realizados por el servidor
dom: 'Bfrtip', //Definimos los elementos del control de tabla
buttons:['copyHtml5','excelHtml5','csvHtml5','pdf'],
"ajax":{
url: 'ajax/buscar.php?op=Buscar', //Obtener los valores desde url
type: "POST",
data: formDatos, //La variable var formData = new FormData mas arriba
dataType: "json", //Datos codificados mediante json
error:function(e){ //en caso de errores
console.log(e.responseText);
}
},
Mejor las mando por GET no se si fuera lo mejor que opinan y agregue una linea "destroy": true, para evitar un error que me daba el DataTable.
DataTables warning: table Cannot reinitialise DataTable.
Y así esta solucionado ....
Código Javascript
:
Ver originalfunction listarRegistros(){
var c = $('#buscar').val();
var fi = $('#fechainicio').val();
var ff = $('#fechafin').val();
DataTable = $('#DataTable').dataTable({
"aProcessing": true, //Activa el procedimietno del DataTables
"aServerSide": true, //Paginación y filtrado realizados por el servidor
dom: 'Bfrtip', //Definimos los elementos del control de tabla
buttons:['copyHtml5','excelHtml5','csvHtml5','pdf'],
"ajax":{
url: 'ajax/' +ajaxFile+ '.php?op=Buscar&c='+c+'&fi='+fi+'&ff='+ff, //Obtener los valores desde url
type: "get",
dataType: "json", //Datos codificados mediante json
error:function(e){ //en caso de errores
console.log(e.responseText);
}
},
"bBestroy": true,
"destroy": true,
"iDisplayLength": 10, //Paginacion de X en X registros.
"order": [[0, "desc"]] //Ordenar (columna,orden).
}).DataTable();
}