Datatables: как поймать ошибку при использовании пользовательской функции ajax?

При использовании datatables Мне нужно использовать пользовательскую ajax-функцию.

Канонический пример, найденный здесь, выглядит следующим образом:

$('#example').dataTable( {
  "ajax": function (data, callback, settings) {
    //some async processing happening here
    //In the end call the callback. 
    //However, this callback only accepts a success state
    // instead of the usual cb(err, resp) signature. 
    //This raises the question how to let Datatables know there an error.
    const err = new Error("some contrived error");


    //This doesn't work, datatables doesn't signal an actual error
    //which can be surfaced to the client. Instead it complains
    //the response doesn't have a 'data'-object which it needs
    //to correctly create the table. In other words, datatables
    //thinks that the passed err-object is an actual correct response. 

    //Question: so how to actually let datatables know there an actual error?
    callback(err);
  }
} );

Тем не менее, я не вижу способа сообщить datatables, что произошла ошибка ajax.

Как это сделать?

$('#example').dataTable( { "columns": [ {"data": "col1"}, {"data": "col2"}, {"data": "col3"}, ], "ajax": function (data, callback, settings) { // simulate ajax call with successful data retrieval var myAjaxCall = new Promise(function (resolve, reject) { $(".dataTables_empty").text("Loading..."); setTimeout(function () { // `callback()` expects an object with a data property whose value is either // an array of arrays or an array of objects. Must be in this format // or you get errors. var ajaxData = {"data": [ {"col1": "1.1", "col2": "1.2", "col3": "1.3"}, {"col1": "2.1", "col2": "2.2", "col3": "2.3"}, {"col1": "3.1", "col2": "3.2", "col3": "3.3"} ]}; resolve(ajaxData); }, 1500); }); myAjaxCall.then(function resolveCallback(data) { // render data returned from ajax call callback(data); }, function rejectCallback(err) { callback({data: []}); $(".dataTables_empty").text(err); }); } }); $('#example2').dataTable( { "columns": [ {"data": "col1"}, {"data": "col2"}, {"data": "col3"}, ], "ajax": function (data, callback, settings) { // simulate unsuccessful ajax call var myAjaxCall2 = new Promise(function (resolve, reject) { $(".dataTables_empty").text("Loading..."); setTimeout(function () { // reject promise with error message reject("Something went terribly wrong!"); }, 1500); }); myAjaxCall2.then(function resolveCallback(data) { callback(data); }, function rejectCallback(err) { // render table with no results callback({data: []}); // set dataTables empty message text to error message $(".dataTables_empty").text(err); }); } });

Ответ 1