使用jQuery提交表单后感谢页URL跳转失效问题求助

架构老林

2026-6-23

问题分析与解决方案

可能的原因及修复方案：

事件绑定对象错误
你代码里绑定的是.submit元素的submit事件，但如果.submit是提交按钮（比如<button class="submit">），按钮本身没有submit事件，应该绑定点击事件，或者直接绑定到form元素的submit事件上。
修复示例：

// 直接绑定到form元素的submit事件
jQuery("#form").submit(function(e){
    e.preventDefault();
    var form = jQuery(this); // 用this指代当前form，更简洁
    var actionURL = form.attr("action");
    jQuery.ajax({
        type: 'POST',
        url: actionURL,
        data: form.serialize(),
        dataType: 'json',
        success: function(json) {
            window.location.href = "http://www.google.com/";
        },
        // 新增error回调，排查是否请求失败
        error: function(xhr, status, error) {
            console.log("请求出错：", error);
            console.log("返回内容：", xhr.responseText);
        }
    });
    return false;
});

后端返回非合法JSON，导致success回调未触发
你设置了dataType: 'json'，如果后端返回的不是标准JSON格式（比如返回了HTML、纯文本，或者JSON格式有语法错误），jQuery会认为请求失败，不会进入success回调。
修复：
1. 打开浏览器控制台（F12），查看Network面板，检查请求的返回内容是否为合法JSON；
2. 如果后端不需要返回JSON，可以去掉dataType: 'json'，或者改成dataType: 'html'/text，确保进入success回调；
3. 依赖新增的error回调打印错误信息，确认是否是这个问题。
存在其他JS错误阻断代码执行
打开浏览器控制台的Console面板，查看是否有红色报错信息，比如变量未定义、语法错误等，先修复这些错误再测试。