当请求由于浏览器重新加载而失败时，jQuery $.ajax 调用成功处理程序

Question

我有以下代码：

 $.ajax({
          type: "POST",
          url: url,
          data: sendable,
          dataType: "json",
          success: function(data) {

               if(customprocessfunc)
                   customprocessfunc(data);
         },

          error: function(XMLHttpRequest, textStatus, errorThrown){
                    // error handler here
                }
        });

我有一个经常发出 AJAX 请求的计时器。如果我没有收到“数据”中的任何内容，我会向用户显示一条错误消息 - 这意味着服务器上出现了问题。

问题是当 AJAX 调用正在进行时用户重新加载页面。我可以在 Firebug 中看到 AJAX 调用失败（URL 为红色并且没有显示 HTTP 状态），因此我希望 jQuery 将停止请求或至少转到错误处理程序。但它会转到成功处理程序并在“data”变量中传递 null。

结果，当用户重新加载页面时，有时他可以看到我关于未知错误的大红色消息（因为数据为空）。

有没有办法让 jQuery 在完全重新加载时中止请求，或者至少不调用我的成功函数？我无法知道成功处理程序中为什么数据为空 - 它是否从服务器变为空，或者调用因重新加载而中止。

Answer 1

您可以在页面上使用 onbeforeunload 事件：将其链接到清理所有 AJAX 请求的函数。

Answer 2

统计数据很奇怪，如果调用失败，您会收到“成功”。但是您可以尝试通过监听完成事件来覆盖该行为（这里只是从我的测试框架中复制粘贴代码）

$.ajax(
    {
        url: url,
        type: type,
        processData: false,
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(data),
        dataType: 'json',
        complete: function (result) {
            if (result.status == 404) {
                ok(false, '404 error');
            } else {
                callback($.parseJSON(result.responseText));
            }
        }
    });

结果是 XMLHttpRequest 对象，所以您可以分析它的实际状态并决定继续或不继续。

Answer 3

onbeforeunlaod 技术不适用于定期刷新页面（例如每半秒）。我发现可以通过延迟少量的错误处理过程来避免刷新页面引起的错误。

示例：

$.ajax(...)
.success(...)
.error(function(jqXHR) {
setTimeout(function() {
  // error showing process
}, 1000);
});

除此之外

window.onbeforeunload = function() {//停止ajax调用}

事件可用于不太频繁刷新的ajax调用。