使用Ajax $.post()时无法重定向至指定URL的技术求助

首先得明确：你遇到的页面不跳转是正常现象——因为ajaxSubmit()是jQuery Form插件提供的异步AJAX提交方法，它的核心设计就是在不刷新、不跳转页面的前提下完成表单数据发送，所以只会执行你设置的回调逻辑（比如弹出alert(data)），不会自动跳转到目标页面。

下面给你几种符合需求的解决思路，你可以根据自己的业务场景选择：

方案1：AJAX提交完成后手动跳转 #

如果你想保留AJAX异步提交的特性（比如提交过程中可以显示加载动画），可以在所有表单提交完成后，手动触发页面跳转。另外注意你现在同时提交4个表单，最好统一跟踪所有请求的完成状态，避免提前跳转：

$('#next').unbind('click').click(function() {
    // 计数器：跟踪已完成的AJAX请求数
    let finishedCount = 0;
    const totalForms = 4;

    // 封装表单提交逻辑，统一处理回调
    function submitSingleForm(formId) {
        $(formId).ajaxSubmit({
            success: function(data) {
                alert(data);
                finishedCount++;
                // 所有表单都提交完成后，跳转页面
                if (finishedCount === totalForms) {
                    window.location.href = 'accounting.php';
                }
            },
            error: function() {
                alert(`表单${formId}提交失败，请重试`);
            }
        });
    }

    // 依次提交四个表单
    submitSingleForm('#order01');
    submitSingleForm('#order02');
    submitSingleForm('#order03');
    submitSingleForm('#order04');
});

方案2：改用普通表单提交（自动跳转） #

如果你不需要AJAX的异步特性，只是想提交数据后直接跳转，那完全可以放弃ajaxSubmit，用原生的表单提交逻辑。建议把四个表单的字段合并到一个表单里（避免浏览器同时处理多个表单提交的冲突）：

<!-- 合并所有表单字段到一个表单中 -->
<form id="allOrdersForm" action="accounting.php" method="POST">
    <!-- 原order01的所有表单字段 -->
    <!-- 原order02的所有表单字段 -->
    <!-- 原order03的所有表单字段 -->
    <!-- 原order04的所有表单字段 -->
</form>

$('#next').unbind('click').click(function() {
    // 触发普通表单提交，浏览器会自动跳转到accounting.php
    $('#allOrdersForm').submit();
});

方案3：合并数据用$.post提交后跳转 #

如果你想自己控制数据的合并逻辑，用$.post统一发送所有表单数据，再跳转页面：

$('#next').unbind('click').click(function() {
    // 合并四个表单的所有数据（自动处理字段名重复的情况）
    const allFormData = $('#order01, #order02, #order03, #order04').serialize();

    // 用$.post发送数据
    $.post('accounting.php', allFormData, function(data) {
        alert(data);
        // 请求成功后跳转页面
        window.location.href = 'accounting.php';
    }).fail(function() {
        alert('数据提交失败，请检查网络或表单内容');
    });
});

额外提醒 #

你原来的代码里同时调用了ajaxSubmit()和formSerialize()，这会导致重复提交数据（既通过ajaxSubmit发了请求，又可能用formSerialize再发一次），逻辑冗余，建议只保留一种提交方式。

内容的提问来源于stack exchange，提问作者Jack Lin