来自 AJAX 操作页面的错误处理答案

【问题标题】：error handling from AJAX action page来自 AJAX 操作页面的错误处理
【发布时间】：2015-06-29 21:19:12
【问题描述】：

我使用 PHP、AJAX 和 jQuery 开发了我的 Web 应用程序。它进行得很顺利。对应用程序发出的大多数请求来自 AJAX；所有插入、更新、删除和选择

我已经对我的应用程序中不能通过 AJAX 访问的页面进行了一些错误处理。

我的问题是；在我的应用程序中，AJAX 被使用了数千次。现在需要付出很多努力才能为所有这些端点添加错误处理。

我的问题是；有没有一种方法可以在 AJAX 中使用某种形式的通用错误处理，或者我可以从 AJAX 操作页面重定向到另一个显示错误的页面（这样也可以）？

我 99% 确定这是不可能的，但我需要一些专家建议。

【问题讨论】：

创建一个 ajax 帮助函数来处理来自 ajax 帮助的所有 ajax 调用，然后你可以为你的 ajax 请求创建一个错误处理
看看这个stackoverflow.com/questions/26561231/…
但是我在 ajax 中没有错误，假设我有一个操作页面 indexAction 并且其插入查询中有错误，那么我如何知道并通知用户出现了问题
在很多情况下，如果我们在 ajax 中返回一些 json 或一些 id，那么我们可以预测，但我所有的 ajax 调用都只是抛出请求没有得到任何回复，只是抛出插入参数

标签： javascript php jquery ajax error-handling

【解决方案1】：

看来你已经复制了你的代码一千次了，这不是很有效;-)

执行以下操作。

函数 CommunicateWithServer(设置){ // 做 ajax 的事情

$.ajax({
        type: "POST",
        async: settings.async,
        contentType: "application/json",
        dataType: "json",
        url: settings.url + settings.method,
        data: settings.data,
    }).done(function (d) {
        // do a generic thing on done
        settings.done(d);
    }).fail(function(d) {
       // do a generic thing on fail here

        if (settings.fail) {
            settings.fail(d);
        } 

    }).always(function (d) {
        settings.always(d);
    });

}

并在您现在直接使用 jquery Ajax 的任何地方调用此代码。通过这种方式，您可以在程序生命周期中实现新的通用功能。

要使用此代码：

把这个函数放在一个js文件中，每个页面都会用到，然后不做$.Ajax()，做：

hereYourSettings = {
   async:false,
   url : "yourUrl",
   method: "yourMethod",
   data: {dataIsCool:true},  // <== Put your data object here
   done: function(rawData){alert("yes!");},
   fail: function(rawData){alert("snap!");},
   always: function(rawData){alert("And I'ieII.., Will always love you!");},
}

CommunicateWithServer(hereYourSettings);

当您坚持保留旧代码时：使用：http://api.jquery.com/ajaxerror/

$( document ).ajaxError(function( event, jqxhr, settings, thrownError ) {
  if ( settings.url == "ajax/missing.html" ) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
  }
});

【讨论】：

你的意思是说把这段代码放在document.ready中并跟踪其他ajax
确实，当您使用像 jquery 这样的“外部”东西时，这是一个非常好的习惯。
我得到了你的功能但是如何使用这个我很困惑 settingd中有什么参数？
现在我知道你要我用我的数千个 AJAX 调用替换这个函数.....:(
确实是我的朋友 ;-) 你真的应该这样做，这比摆弄 arround 并复制一千次相同的代码要好得多..

【解决方案2】：

看看ajaxSetup in jQuery docs。使用 ajaxSetup，您可以为应用程序发出的所有 AJAX 请求设置默认值。举个例子：

$.ajaxSetup({
    type: 'POST', // All AJAX requests will be POST unless explicitly specified in the AJAX call,
    error: function() {
        // Your error handling for all AJAX calls.
    }
});

现在，如果你这样打电话：

$.ajax({
    url: '/savedata/',
    data: somedata,
})

由于$.ajaxSetup 的默认设置，这将是一个 POST 请求。但是，如果您提出这样的请求：

$.ajax({
    type: 'GET',
    url: '/getdata/',
    error: function(){
         // Different error handling code
    }
});

这将是一个 GET 请求，因为您使用不同的错误处理方式覆盖了 $.ajaxSetup 的默认值。

【讨论】：