Question

嘿伙计们，我有一个简单的Jquery ajax函数调用，看起来像这样。

function getUsers(){
    var jqxhr = $.ajax({
        url: "../assets/js/data/users.json",
        type: "GET",
        cache: true,
        dataType: "json",
        statusCode: { 
            404: handleError404("Error at getUsers();"),
            500: handleError500("Error at getUsers();")
        },
        success: function (data) {
            $.each(data, function(index, element) {
                console.log(element.name);
            });
        }
    });
}

错误句柄函数如下所示。

function handleError500(customMsg){
    alert("Oops, there was an error: 500");
    console.log("ERROR: 500 | "+customMsg);
}

function handleError404(customMsg){
    alert("Oops, there was an error: 404");
    console.log("ERROR: 404 | "+customMsg);
}

由于一些奇怪的原因，即使成功调用没有任何错误500或404，statusCode函数也会被触发。

有什么想法吗？谢谢。

Answer 1

这是一个常见的Javascript问题，但你实际上firing关闭了这些功能！

()之后名称将实际调用该函数。

404: handleError404() // <-- it calls it immidiately

你需要做的是创建一个匿名函数，当错误实际发生时，它将在稍后被称为，其内部会调用你的函数。

    statusCode: { 
        404: function () { // <-- anonymous function won't get called until it needs to
            handleError404("Error at getUsers();")
        },
        500: function () { 
            handleError500("Error at getUsers();")
        }
    },

附注：如果您没有将参数传递给您的函数，你实际上可以省略匿名函数 function () { /* function call */ }部分，只需调用你的函数！

statusCode: {
    404: handleErrors, // since no parameters are passed, this could be done
    500: handleErrors
}

Answer 2

因为在对象属性的定义中，实际上是在调用函数而不是定义代码实际发生时要调用的函数。

您可以尝试的一件事是：

    statusCode: { 
        404: function() { handleError404("Error at getUsers();") },
        500: function() { handleError500("Error at getUsers();") }
    },

为什么即使调用成功，Jquery $ .ajax也会在函数调用时触发所有statusCode

2 个答案: