AJAX 表单提交后基于服务器响应的动态重定向实现指南

<?php
// 假设这是一个处理表单提交的控制器方法
function processFormSubmission() {
    // 初始化一个空变量，用于存储最终的响应数据
    $response = [];

    // 假设从表单获取数据并进行处理
    // ...

    // 条件1：如果处理成功，例如审批通过
    if (/* condition for success, e.g., $isApproved === true */ true) {
        // 执行相关业务逻辑
        // do_something_on_success();

        // 构建成功响应，包含重定向URL
        $response = [
            "result"   => "ok",
            "message"  => "操作成功！",
            'redirect' => base_url('approval/detail/21?status=approve_success')
        ];
    }
    // 条件2：如果处理失败，例如审批驳回
    else if (/* condition for failure, e.g., $isApproved === false */ false) {
        // 执行相关业务逻辑
        // do_something_on_failure();

        // 构建失败响应，包含重定向URL
        $response = [
            "result"   => "ok", // 注意，这里result仍为ok，表示请求处理成功，但业务逻辑结果是失败
            "message"  => "操作失败！",
            'redirect' => base_url('approval/detail/21?status=approve_failed')
        ];
    }
    // 条件3：其他情况，例如系统错误
    else {
        $response = [
            "result"   => "error",
            "message"  => "系统错误，请联系管理员！"
            // 此时可能不需要重定向，或者重定向到错误页面
        ];
    }

    // 设置响应头为 JSON
    header('Content-Type: application/json');
    // 输出 JSON 格式的响应
    echo json_encode($response);
}
?>

$(document).ready(function() {
    var frm = $('#form-process'); // 获取表单元素

    frm.submit(function(e) {
        e.preventDefault(); // 阻止表单的默认提交行为

        $.ajax({
            type: frm.attr('method'), // 获取表单的提交方法 (GET/POST)
            url: frm.attr('action'),  // 获取表单的提交 URL
            data: frm.serialize(),    // 序列化表单数据
            dataType: "json",         // 期望服务器返回 JSON 数据
            success: function(res) {
                // res 是服务器返回的 JSON 对象
                if (res.result === "ok") {
                    // 检查 JSON 响应中是否包含 redirect 字段
                    if (res.redirect) {
                        // 如果存在重定向 URL，则执行页面跳转
                        window.location.href = res.redirect;
                    } else {
                        // 如果没有重定向，执行其他成功后的操作
                        $.notify("操作成功，数据已保存。", "success");
                        $('#modalDateEst').modal('hide'); // 关闭模态框
                        // table.ajax.reload(); // 重新加载数据表格等
                    }
                } else {
                    // 处理服务器返回的非 "ok" 结果（例如业务逻辑错误或系统错误）
                    $.notify(res.message || "系统发生错误，请联系管理员。", "error");
                }
            },
            error: function(xhr, status, error) {
                // 处理 AJAX 请求本身的错误（例如网络问题、服务器500错误等）
                console.error("AJAX 请求失败: ", status, error);
                $.notify("网络或服务器错误，请稍后再试。", "error");
            }
        });
    });
});