一個頁面中有多個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(); } }); 

我認為這可能對您有幫助。