AJAX请求返回200状态却进入error回调，求排查解决

我帮你捋捋这个头疼的问题——明明状态码是200，却走了error而不是success回调，这种情况我碰到过好多次，大多和响应内容本身或者AJAX的配置匹配度有关，不是状态码的问题。你用complete回调算是临时解决，但咱们得找到根因：

最常见的原因：响应格式和dataType不匹配 #

这是大概率的问题！比如你在AJAX里设置了dataType: 'json'，但后端返回的要么是纯文本、HTML，要么是有语法错误的JSON（比如多了个逗号、引号不配对），AJAX尝试解析响应内容失败，直接就触发error回调了，哪怕状态码是200。

怎么排查？

• 打开浏览器开发者工具的「Network」面板，找到这个请求，切换到「Response」标签，看看返回的内容到底是什么。
• 如果是JSON格式，直接在控制台里敲JSON.parse('这里粘贴返回的内容')，看看会不会报错——报错的话就是JSON语法有问题。

跨域的隐性坑 #

有时候看起来状态码是200，但可能跨域配置出了问题：比如后端没正确设置CORS头，或者浏览器发送的OPTIONS预检请求失败了，导致浏览器拦截了响应，AJAX就进入了error回调。

排查方法：

• 看开发者工具的「Console」面板，有没有类似「No 'Access-Control-Allow-Origin' header is present on the requested resource」的报错。
• 检查Network里的OPTIONS请求（如果是跨域的话会有这个请求），看看它的状态码是不是200。

Content-Type响应头不匹配 #

有些AJAX库（比如老版本的jQuery）对响应头的Content-Type要求很严格：比如你设置了dataType: 'json'，但后端返回的Content-Type是text/plain，哪怕内容是合法JSON，AJAX也会判定解析失败，触发error。

排查方法：

• 在Network面板的「Response Headers」里找Content-Type字段，确认它和你设置的dataType对应：比如JSON对应application/json，文本对应text/plain。

响应内容为空或有特殊字符 #

如果后端返回的是空内容，而你设置了dataType: 'json'，AJAX解析空字符串会直接失败；还有一种情况是返回的内容带了BOM头（比如Windows下生成的文件带的隐藏字符），也会导致JSON解析出错。

排查方法：

• 查看Response的原始内容，复制到记事本或者VS Code里，看看有没有看不见的特殊字符；如果是空内容，那要么调整后端返回合法内容，要么把dataType改成text。

临时验证小技巧 #

你可以先把AJAX的dataType改成text，然后发起请求，如果能进入success回调，那就说明问题确实出在响应格式和dataType的匹配上，再针对性调整后端或者AJAX配置就行。

内容的提问来源于stack exchange，提问作者B.Sanchez