javascript - 处理 jquery ajax 错误

Question

在我的 MVC 布局页面中，我有以下内容:

$("body").ajaxError(
    function (e, request) {
        if (request.status == 403 || request.status == 500) {
            window.location = '@Url.Action("LogOn", "Account", new {area = "", msg = "forbidden", returnUrl = HttpContext.Current.Request.RawUrl})' + window.location.hash;
        return;
        }
        window.location = '@Url.Action("Index", "Error")';
    }
);

在另一个页面上，我正在执行这样的 ajax 调用:

...
                $.when(refreshActionLinks(row, machineId, packageId)).done(function(a1) {
                    row.find("span").text(opStatus).removeClass("pending");
                    progressbar.progressbar("destroy");
                    $(row).flash(bg[1], 1000);
                });
...

javascript 函数:

function refreshActionLinks($row, machineId, packageId) {
    try {
        var json = JSON.stringify({ packageId: packageId, machineId: machineId, tabType: $("#TabType").val() });
        console.log("refreshActionLinks => " + json);
        $row.find("td.options div.actionLinks").html("<img src='@Url.Content("~/Content/images/ajax-load2.gif")' />"); // pending
        return $.ajax({
            url: "@Url.Action("GetActionLinks", "Packages")",
            data: json,
            timeout: 50000,
            contentType: 'application/json',
            type: 'POST',
            success: function (data) {
                if ($row.length) {
                    $row.find("td.options div.actionLinks").html(data);
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus, errorThrown);
            }
        });
    } catch(e) {
        // hide icons
        $row.find("a.action").remove();
    } 
}

问题是，当 refreshAction 函数正在执行时，单击菜单链接会导致 ajax 调用出错 - 在本例中这是正确的。但它确实带我到/Index/Error 页面，这是不正确的。我希望“$("body").ajaxError”能够处理网站上的所有 ajax 错误，除了我调用 refreshActionLinks 的页面。注意，我的 ajax 调用周围已经有 try/catch。为什么那行不通？

谢谢

Answer 1

想通了:

ajax 有一个设置:

global: false

现在我的函数看起来像这样:

function refreshActionLinks($row, machineId, packageId) {
    try {
        var json = JSON.stringify({ packageId: packageId, machineId: machineId, tabType: $("#TabType").val() });
        console.log("refreshActionLinks => " + json);
        $row.find("td.options div.actionLinks").html("<img src='@Url.Content("~/Content/images/ajax-load2.gif")' />"); // pending
        return $.ajax({
            url: "@Url.Action("GetActionLinks", "Packages")",
            global: false, // disable error pages on failed ajax calls
            data: json,
            timeout: 50000,
            contentType: 'application/json',
            type: 'POST',
            success: function (data) {
                if ($row.length) {
                    $row.find("td.options div.actionLinks").html(data);
                }
            }
        });
    } catch(e) {
        // hide icons
        $row.find("a.action").remove();
    } 
}