javascript - 成功时的 AJAX 重定向覆盖其他逻辑

Question

执行 AJAX 成功后，我似乎无法重定向到新页面（这是在 jQuery Mobile 的脚本中）。在以下代码中，如果我执行重定向以外的其他功能，则 sessionStorage 将按预期设置。进行重定向时，不会执行 sessionStorage 代码。建议？？

$("#register").click(function () {

    var formData = $("#registerUser").serialize();

    $.ajax({
        type: "POST",
        url: "file.php",
        //dataType:'json',
        cache: false,
        data: formData,
        //success: onSuccess,
        success: function (data) {
            if (data.status == 'success') {

                //execute some code here
                var someValue = (data.id);
                sessionStorage.setItem('someValue', someValue);

            } else if (data.status == 'error') $("#notification").text(data.message);
        },

        complete: function () {
            window.location.replace('newPage.html');
        }
    });

    return false;
});

Answer 1

你的成功和完成是矛盾的。两者都将在完成时执行。一会重定向。将重定向代码移动到成功状态以使其在执行其他操作后重定向。

success: function (data) {
    if (data.status == 'success') {

        //execute some code here
        var someValue = (data.id);
        sessionStorage.setItem('someValue', someValue);

        // redirect after success
        window.location.replace('newPage.html');

    } else if (data.status == 'error') {
        $("#notification").text(data.message);
    }
}

Answer 2

我自己想出了这个——你必须使用 JQM 重定向：$.mobile.changePage('newPage.html');

success: function (data) {
    if (data.status == 'success') {

        //execute some code here
        var someValue = (data.id);
        sessionStorage.setItem('someValue', someValue);

        // redirect after success
        $.mobile.changePage('newPage.html');

    } else if (data.status == 'error') {
        $("#notification").text(data.message);
    }
}