jQuery $.ajaxError() 在 200 上运行 - OK

Question

我有一个全局 ajax 错误处理程序，即使 xhr.status 为 200、xhr.statusText 为“OK”且 xhr.responseText 是我的 JSON 字符串，它也会运行。这发生在 Firefox 和 IE 中。

$.ajax({
    data: {
        method: "getRequestDetails",
        loggedInUsername: loggedInUsername,
        search: search
    },
    success: function(data){
        var arrayObject = eval("(" + data + ")")['DATA'];
        if (arrayObject.length == 0){
            alert("That search term returned no results");
        } else {
            callBeforeShow("Results");
            $.each(arrayObject, function(index, value){
                showJSON(value, "Results");
            });
            callAfterShow("Results");
        }
    }
});

$(document).ajaxError(function(event, XMLHttpRequest, ajaxOptions, thrownError){
    var errorMessage = "Ajax Error\n";
    errorMessage += "Type: " + ajaxOptions.type + "\n";
    errorMessage += "Requesting Page: " + ajaxOptions.url + "\n";
    errorMessage += "Status: " + XMLHttpRequest.status + " - " + XMLHttpRequest.statusText + "\n";
    errorMessage += "Error Thrown: " + thrownError
    alert(errorMessage);
});

在 IE 中这表示 XMLHttpRequest 尚未准备好，而在 Firefox 中则返回

“AJAX 错误” “类型：POST” “请求页面：something.CFC” “状态：200 - 正常” “抛出的错误：未定义”

所以我的解决方法是使用

$(document).ajaxComplete(function(event, XMLHttpRequest, ajaxOptions, errorThrown){
    if (XMLHttpRequest.status != 200){
        var errorMessage = "Ajax Error\n";
        errorMessage += "Type: " + ajaxOptions.type + "\n";
        errorMessage += "Requesting Page: " + ajaxOptions.url + "\n";
        errorMessage += "Status: " + XMLHttpRequest.status + " - " + XMLHttpRequest.statusText;
        alert(errorMessage);
    }
});

编辑 *这只发生在某些情况下。大多数时候它可以工作，但有时它会运行 $.ajaxError()* EIDT

{"COLUMNS":["ID","SUMMARY_SPEC","TOTAL_EFFORT","EFFORT_HISTORY","LOG_HISTORY"],"DATA":[[816,"test only","2 Minutes - Last Updated: 09\/12\/2010",{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","EFFORT_DATE","EFFORT_DAYS","EFFORT_HRS","EFFORT_MINS","EFFORT_TOT_HRS"],"DATA":[[816,496,"ruhlet","Tim Ruhle","December, 09 2010 00:00:00",0,0,1,0.0167],[816,497,"ruhlet","Tim Ruhle","December, 08 2010 00:00:00",0,0,1,0.0167]]},{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","LOG_DT","LOG_ENTRY"],"DATA":[]}]]}{"COLUMNS":["ID","SUMMARY_SPEC","TOTAL_EFFORT","EFFORT_HISTORY","LOG_HISTORY"],"DATA":[[816,"test only","2 Minutes - Last Updated: 09\/12\/2010",{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","EFFORT_DATE","EFFORT_DAYS","EFFORT_HRS","EFFORT_MINS","EFFORT_TOT_HRS"],"DATA":[[816,496,"ruhlet","Tim Ruhle","December, 09 2010 00:00:00",0,0,1,0.0167],[816,497,"ruhlet","Tim Ruhle","December, 08 2010 00:00:00",0,0,1,0.0167]]},{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","LOG_DT","LOG_ENTRY"],"DATA":[]}]]}{"COLUMNS":["ID","SUMMARY_SPEC","TOTAL_EFFORT","EFFORT_HISTORY","LOG_HISTORY"],"DATA":[[816,"test only","2 Minutes - Last Updated: 09\/12\/2010",{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","EFFORT_DATE","EFFORT_DAYS","EFFORT_HRS","EFFORT_MINS","EFFORT_TOT_HRS"],"DATA":[[816,496,"ruhlet","Tim Ruhle","December, 09 2010 00:00:00",0,0,1,0.0167],[816,497,"ruhlet","Tim Ruhle","December, 08 2010 00:00:00",0,0,1,0.0167]]},{"COLUMNS":["CC_ID","RECORD_ID","USER_ID","USER_NAME","LOG_DT","LOG_ENTRY"],"DATA":[]}]]}

最新版本的firebug将其识别为json。

Answer 1

首先，我强烈建议放弃eval 部分，转而使用自动处理解析的$.parseJson 或dataType:'json' ajax 选项（出于性能和安全等原因）。如果您继续使用eval，至少将其包装为try catch。

我不完全确定调用 ajaxError 的每种情况，但我怀疑（基于错误的“随机性”）它与成功函数内部的错误有关（例如被调用的 eval在您在回复中收到的无效 javascript 上）。这可以解释为什么即使有 200 响应也会调用它。

tldr：从success 回调中获取eval，并在发生此错误时断言您的响应实际上是有效的json。

Answer 2

可能是因为您没有告诉$.ajax 您希望从服务器返回 JSON？尝试将dataType 选项设置为“json”：

$.ajax({
    dataType: 'json',
    data: { ...

Answer 3

当我将该 json 复制并粘贴到此格式化程序/验证器 http://jsonformatter.curiousconcept.com/ 时，出现两个错误

在 }{ 之间缺少 2 个逗号。

Answer 4

啊，经过几天的搜索，我在 $.ajaxSetup() 中注释掉了不同的设置。结果是我设置了超时。如果只给出更好的错误消息。感谢所有帮助的家伙，如果没有你，就不会来到这里。你们都起来投票！！！