单页面应用程序ajax错误处理

时间:2017-07-10 03:00:54

标签: javascript jquery ajax

我正在处理使用ajax调用加载内容的单页面应用程序。我的一般问题是如何捕获和处理这些调用何时失败以及下一步该做什么。显然,当发生这种情况时,用户正在查找没有任何内容可点击或执行的页面框架。代码如下所示:

$("#page_div").load("ContentStore.html #contentNeeded", bindButtons);

此外,在加载某些页面内容后,将再次调用数据库以加载表或列表。 (适应和借用)代码如下所示:

var getCustomerList = $.ajax({

  url: "db/db_customerlist.php",
  type: "POST",
  dataType : "text",
})

.success(function() {
  var ajaxDisplay = document.getElementById('ajaxDiv');
  ajaxDisplay.innerHTML = getCustomerList.responseText;
})

.done(function() {
  var selectedCustomer = document.getElementById('btn_customer2_configure');
  selectedCustomer.innerHTML = "Selected";
}) // End .done code

.fail(function( xhr, status, errorThrown ) {
  alert( "Sorry, there was a problem!" );
  console.log( "Error: " + errorThrown );
  console.log( "Status: " + status );
  console.dir( xhr );
});// End .fail code

// Code to run regardless of success or failure;
//.always(function( xhr, status ) {
//  alert( "The request is complete!" );
//}); // End .always code

测试,代码工作,偶尔会失败但是你可以,我不知道为什么以及如何捕获/重新加载/重试。

我很清楚。任何帮助表示赞赏。放轻松我。

0 个答案:

没有答案