Ajax POST请求报错排查：数据库操作成功但无法触发成功回调

问题本质 #

你遇到的parsererror是因为jQuery的Ajax默认会尝试把服务器返回的响应解析为JSON，但服务器要么没返回任何内容，要么返回的不是合法的JSON格式——哪怕数据已经成功写入数据库，前端仍会触发错误回调。

排查步骤 #

• 打开浏览器开发者工具（F12），切换到Network面板，找到该POST请求：
  1. 查看Response标签，确认服务器实际返回的内容是空的还是无效JSON。
  2. 查看Headers标签里的Content-Type响应头，是否被设置为application/json（如果是，jQuery会强制解析JSON）。
  3. 确认请求的Status Code是否为200（业务成功但状态码异常也可能触发错误）。

解决方案 #

根据服务器返回的实际情况，选择以下一种方案：

方案1：服务器无需返回数据（仅确认写入成功） #

给Ajax请求添加dataType: 'text'，告诉jQuery不要解析JSON，直接按文本处理响应，即使返回空内容也会进入success回调：

$(document).on('click', '#bookbutton', function(){
    $.ajax({
        type:    "POST",
        url:     "...." + searchfrom + "&todate=" + searchto + "&VanID=" + String(this.name),
        dataType: 'text', // 指定响应按文本处理
        success: function(data) {
            alert("van booked succesfully");
        },
        error:   function(xhr, textStatus, errorThrown) {
            console.log("Error, status = " + textStatus + ", " +
                "error thrown: " + errorThrown
            );
        }
    });
});

方案2：让服务器返回合法JSON #

修改服务器端代码，确保返回一个标准的JSON格式内容，比如最简单的空对象：

{}

同时要确保服务器响应头的Content-Type正确设置为application/json; charset=utf-8，这样jQuery能正常解析JSON，进入success回调。

方案3：如果服务器返回非JSON内容（比如纯文本提示） #

如果服务器返回的是类似"success"这样的纯文本，除了设置dataType: 'text'，也可以把Content-Type响应头改为text/plain，避免jQuery自动尝试解析JSON。

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