Ajax未向PHP发送指定数据问题求助

核心问题分析 #

1. 表单默认提交未被及时阻止：原代码中event.preventDefault()放在Ajax调用之后，此时表单已经触发了默认提交行为，PHP收到的是表单原生字段（fname/lname/email），而非Ajax请求的自定义字段。
2. 数据类型不匹配：Ajax设置了dataType: "json"，但PHP返回的是带<br>标签的HTML文本，导致success回调无法触发，还会隐藏实际的请求问题。

修正后的代码 #

1. 调整JavaScript代码（关键：提前阻止默认提交）

$("#reg_form").submit(function (event) {
    // 优先阻止表单默认提交，这是解决字段不接收的核心
    event.preventDefault();
    alert("clicked");
    
    var registerData = {
        ajxfname: document.getElementById("fnameInput").value,
        ajxlname: document.getElementById("lnameInput").value,
        ajxemail: document.getElementById("emailInput").value,
        test: "this is test text"
    };

    $.ajax({
        type: "POST",
        url: "server.php",
        data: registerData,
        // 匹配PHP返回的格式，这里改为html（如果PHP返回HTML）
        dataType: "html",
        success: function (response) {
            alert("success");
            console.log("PHP返回内容：", response);
        },
        // 增加错误回调方便调试
        error: function(xhr, status, err) {
            console.error("请求错误：", err);
        }
    });
});

2. 优化PHP代码（可选：返回JSON格式更规范）

如果希望保持dataType: "json"，修改PHP返回JSON：

// 设置响应头为JSON类型
header("Content-Type: application/json; charset=utf-8");

$postData = [];
foreach ($_POST as $key => $value) {
    $postData[$key] = $value;
}

// 输出JSON格式数据
echo json_encode($postData);

此时JS中的dataType可以保留为"json"，success回调能正常触发。

验证方式 #

修改后提交表单，打开浏览器控制台（F12）：

• 查看Network标签，确认请求是XHR类型，而非表单默认的文档请求
• 查看请求参数，确认ajxfname/ajxlname/ajxemail/test字段已发送
• 查看响应内容，确认PHP正确返回所有字段

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