AJAX成功重定向覆盖其他逻辑

AJAX Redirect on Success Overriding other logic

本文关键字：其他 覆盖 成功 重定向 AJAX      更新时间：2023-09-26

在成功执行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;
});

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

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);
    }
}

我自己想好了这个——你必须使用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);
    }
}
相关文章：