一个页面中有多个Jquery DataTable，但是出现Ajax错误隐藏其他表并停止Ajax

Question

我正在显示两个或三个DataTable，这些表彼此独立，并放置在其自己的父容器中，并且具有自己的Ajax操作。 现在，我担心的是，如果任何DataTable的Ajax操作返回失败响应或（其中包含失败数据的成功操作），那么所有表都必须被隐藏，并且错误消息应显示在页面中。 我怎样才能做到这一点？

Answer 1

您可以使用about取消XMLHttpRequest处于待处理状态

  example <!-- begin snippet: js hide: false console: true babel: false --> 

  var requestTable1 = $.ajax({ type: 'POST', url: 'someurl1', success: function (result) { } }); var requestTable2 = $.ajax({ type: 'POST', url: 'someurl2', success: function (result) { } }); var requestTable3 = $.ajax({ type: 'POST', url: 'someurl3', success: function (result) { } }); $( document ).ajaxError(function( event, jqxhr, settings, thrownError ) { if ( settings.url == "someurl1" ) { requestTable2.about();// and alert msg requestTable3.about(); } else if ( settings.url == "someurl2" ) { requestTable1.about();// and alert msg requestTable3.about(); } else if ( settings.url == "someurl3" ) { requestTable1.about();// and alert msg requestTable2.about(); } }); 

我认为这可能对您有帮助。