ajax返回json收不到

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

当使用Ajax请求返回JSON数据时，如果收不到返回的数据，可能是由于以下几个原因导致的。

可能是由于请求的URL地址不正确或者服务器端的接口没有正确处理请求。在使用Ajax请求时，需要确保URL地址是正确的，并且服务器端的接口能够正确处理请求并返回JSON数据。

示例代码如下所示：


// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的URL地址
var url = "http://example.com/api/data";
// 发送GET请求
xhr.open("GET", url, true);
// 设置请求头，指定返回的数据类型为JSON
xhr.setRequestHeader("Content-Type", "application/json");
// 监听请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，获取返回的JSON数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
// 发送请求
xhr.send();

上述示例代码中，通过XMLHttpRequest对象发送了一个GET请求，并指定了请求的URL地址为"http://example.com/api/data"。在请求的过程中，设置了请求头，指定返回的数据类型为JSON。在请求的状态变化时，通过监听xhr对象的onreadystatechange事件，在请求成功时，通过JSON.parse()方法来解析返回的JSON数据，并进行处理。

可能是由于浏览器的跨域限制导致的。当请求的URL地址与当前页面的域名不一致时，浏览器会进行跨域限制，阻止页面获取返回的数据。解决这个问题的方法可以是在服务器端设置跨域资源共享（CORS）的响应头，允许特定的域名访问。

示例代码如下所示：


// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的URL地址
var url = "http://example.com/api/data";
// 发送GET请求
xhr.open("GET", url, true);
// 设置请求头，指定返回的数据类型为JSON
xhr.setRequestHeader("Content-Type", "application/json");
// 监听请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，获取返回的JSON数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
// 设置withCredentials属性为true，允许发送跨域请求时携带凭证（例如Cookie）
xhr.withCredentials = true;
// 发送请求
xhr.send();

上述示例代码中，在发送请求之前，通过设置xhr对象的withCredentials属性为true，允许发送跨域请求时携带凭证（例如Cookie）。这样可以解决浏览器的跨域限制问题，使页面能够获取返回的JSON数据。

可能是由于网络连接问题或者服务器端的错误导致的。在请求返回JSON数据时，需要确保网络连接正常，并且服务器端的接口能够正确处理请求并返回JSON数据。可以通过查看浏览器的开发者工具或者服务器端的日志来定位问题所在，并进行相应的修复。

当使用Ajax请求返回JSON数据时，如果收不到返回的数据，可以从URL地址、服务器端的接口处理、浏览器的跨域限制、网络连接等方面进行排查和解决。通过正确设置请求的URL地址、请求头，处理跨域问题，以及检查网络连接和服务器端的接口处理，可以确保能够成功获取返回的JSON数据。

ajax返回json收不到

相关阅读