JQuery Ajax 发送请求成功后却接收不到任何响应数据问题

问题描述

使用 JQuery Ajax 向后端服务器发送请求，服务器也收到请求返回了响应数据，但是 Ajax 却收不到任何响应数据。

举例如下：

$.ajax({
  type: "post",
  url: "test",
  data: {name: "张三"},
  dataType: "json",
  success: function(data) {
    alert("正确");
  },

  error: function(err) {
    alert("错误");
  }
});

以上代码中，服务器正常响应 Ajax 请求，但客户端中正确和错误窗口都没有弹出。

原因分析

问题原因在于服务器返回的响应数据其实并非 json 格式，而在 ajax 中指定了 dataType: "json", 导致无法解析响应的数据。

为何会如此呢？

原因如果服务器响应的数据本身就是一个 Stgring 字符串类型，就不会解析为 json 串，而是直接就是 text 文本类型发送给客户端。

解决方法

将 json 改为 text，修改后的代码如下：

$.ajax({
  type: "post",
  url: "test",
  data: {name: "张三"},
  dataType: "text",
  success: function(data) {
    alert("正确");
  },

  error: function(err) {
    alert("错误");
  }
});

所以，这里 dataType："text" 就是将响应数据设置为 text 类型。