AJAX表单提交异常：JSON格式与success回调触发问题咨询

看起来你遇到的问题很典型——jQuery的AJAX在dataType: 'JSON'时对返回值的校验非常严格，只要后端返回的不是标准合法的JSON格式，或者前后端的数据交互格式不匹配，就会直接跳去error回调，而不是你期望的success。我帮你梳理几个核心排查点和解决方案：

1. 先排查后端返回的JSON是否合法 #

这是最常见的原因！你可以通过这两种方式确认：

• 直接用Postman或者浏览器模拟POST请求到regist.php，把返回的内容复制到JSON校验工具里检查（比如本地的JSONlint类工具）。
• 检查后端有没有输出多余内容：比如PHP的Notice警告、HTML注释、换行空格，这些都会让JSON变成非法格式（比如返回{"code":1}<!-- 调试备注 -->就完全不合法）。

如果后端不小心输出了非JSON内容，哪怕只是一个空格，jQuery都会判定解析失败，直接触发error。

2. 调整前端AJAX的请求格式 #

你现在的代码是把JSON字符串作为phones参数的value，用表单编码（application/x-www-form-urlencoded）发送的，这种方式本身没问题，但如果后端处理逻辑不匹配，也可能导致响应异常。如果你想更规范地发送JSON请求，可以修改如下：

$('#registration').submit(function(event) {
  var arrPhones= [];
  var arrUserInfo = [arrPhones];
  event.preventDefault();
  
  if(registFormValidation()) {
    // 这里保留你的表单验证逻辑
  }

  // 直接生成JSON格式的请求体
  var data = JSON.stringify({ phones: arrUserInfo });

  $.ajax({
    type: 'POST',
    url: 'regist.php',
    dataType: 'JSON',
    contentType: 'application/json', // 关键：告诉后端这是JSON格式请求
    data: data,
    success: function(response) {
      // 你的success逻辑
      console.log('请求成功:', response);
    },
    error: function(xhr, status, error) {
      // 一定要加这个调试逻辑，能帮你快速定位问题
      console.log('AJAX错误详情:');
      console.log('状态码:', xhr.status);
      console.log('错误类型:', status);
      console.log('后端返回内容:', xhr.responseText);
    }
  });
});

对应的后端PHP需要这样接收数据：

// 读取原始JSON请求体
$rawJson = file_get_contents('php://input');
// 解码为数组
$requestData = json_decode($rawJson, true);
// 获取phones数据
$phones = $requestData['phones'];

3. 强制调试error回调找根源 #

如果上面的调整还是不行，一定要利用error回调打印详细信息——比如xhr.responseText会显示后端返回的所有内容，不管是不是JSON。通过这些信息你能快速定位：

• 如果显示的是PHP报错，那就是后端代码逻辑有问题；
• 如果显示parsererror，那就是返回的JSON格式确实不合法；
• 如果显示404/500，那就是请求路径或者后端服务器出错了。

4. 确认前端生成的JSON是否正确 #

在发送请求前，先在控制台打印要发送的JSON：

console.log('待发送的JSON:', JSON.stringify({ phones: arrUserInfo }));

确保数组嵌套、字段格式都是你期望的，避免前端生成了错误的JSON字符串。

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