JQuery Ajax提交返回200 OK，但Success回调未执行无日志

核心原因 #

你在$.ajax里设置了dataType: "json"，这会让jQuery自动尝试把接口返回的内容解析成JSON格式。但你的api.php返回的是纯字符串"success"或"error"（比如直接echo "success";输出的纯文本），这不属于合法的JSON结构，解析失败后jQuery不会触发success回调，自然看不到里面的日志。

解决办法 #

有两种可行的修复方式：

方式1：修改前端，适配纯文本返回

把dataType改成"text"，同时对返回的字符串做去空格处理（避免接口返回的内容带换行或空格导致判断失效）：

$("#contact-form").on("submit", function(e) {
  e.preventDefault();
  $(".bg-danger").hide();
  $(".bg-success").hide();
  var data = $('#contact-form').serialize();
  console.log("Meow?");
  
  $.ajax({
    url: "api.php",
    dataType: "text", // 修改为text类型
    data: data,
    type: "POST",
    success: function(result) {
      console.log("Here?");
      console.log(result);
      
      // 去除字符串前后的空白字符
      if (result.trim() == "success") {
        $(".bg-success").show();
      } else {
        $(".bg-danger").show();
      }
    },
    // 新增error回调方便调试
    error: function(xhr, status, err) {
      console.log("请求异常:", status, err);
    }
  });
});

方式2：修改后端，返回合法JSON

让api.php输出标准的JSON格式数据，比如PHP代码改成：

// 假设业务逻辑处理后
$status = "success"; // 或 "error"
echo json_encode($status);
// 更规范的写法是返回对象，方便后续扩展
// echo json_encode(["status" => $status]);

这种情况下前端的dataType: "json"可以保留，success回调会正常执行；如果用对象返回，前端判断要改成result.status == "success"。

额外提示 #

在ajax里加上error回调，遇到解析失败或其他请求问题时，能在控制台看到具体错误信息，方便快速排查问题。

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