注册成功跳转感谢页时如何提交当前页面数据（附AJAX请求实现代码）

本次调整主要解决原有代码的语法漏洞，补充跳转逻辑，优化异常处理：

• 修复原有代码中判断分支缺失条件、DOM结构拼接错误的语法问题
• 新增注册成功后的感谢页跳转逻辑
• 补充网络异常等非业务错误的兜底处理
• 优化错误信息的渲染逻辑，避免生成非法DOM结构

调整后的完整代码 #

$.ajax({
    type: "POST",
    url: url,
    dataType: "json",
    data: {
        "_token": "{{ csrf_token() }}",
        do_post: 1,
        business_name: business_name,
        address1: address1,
        address2: address2,
        city: city,
        county: county,
        postcode: postcode,
        email: email,
        phone: phone,
        control_room_number: control_room_number,
        customer_id: customer_id,
        payment_terms: payment_terms,
        service_type: service_type
    },
    success: function(data) {
        if (data.code == "200") {
            alert("Success: " + data.msg);
            // 此处可替换为后端返回的动态跳转地址：window.location.href = data.redirect_url
            window.location.href = "/thank-you-page";
        } else {
            console.log(data);
            let errorHtml = "<ul>";
            for (let i = 0; i < data.message.length; i++) {
                errorHtml += "<li>" + data.message[i].msg + "</li>";
            }
            errorHtml += "</ul>";
            $(".display-error").html(errorHtml).css("display", "block");
        }
    },
    // 新增网络错误、接口异常兜底处理
    error: function(xhr) {
        $(".display-error").html("<ul><li>提交失败，请检查网络后重试</li></ul>").css("display", "block");
        console.error("请求异常：", xhr);
    }
});

额外注意事项 #

• 若感谢页需要展示用户注册的相关信息，不要直接在URL里明文传递手机号、邮箱等敏感数据，可通过后端Session存储关联的用户ID，感谢页加载时从后端拉取对应信息展示
• 若为前后端分离架构，不要用blade模板的{{ csrf_token() }}插值获取令牌，改为从页面meta标签中读取：$('meta[name="csrf-token"]').attr('content')
• 如需调整跳转等待时间，可将跳转逻辑包裹在setTimeout中，比如设置2秒后跳转，给用户留足查看成功提示的时间

内容的提问来源于stack exchange，提问作者Taimur Nasir