ajax返回一个json数据

在现代 Web 开发中，异步请求技术 Ajax 常常被用来实现页面无刷新更新数据、动态加载内容等功能。而在 Ajax 请求中，常见的返回类型是 JSON 数据。本文将介绍如何使用 JavaScript 中的 Ajax 对象请求并获取一个 JSON 数据。

首先，我们需要创建一个 XMLHttpRequest 对象，这个对象是 Ajax 请求的核心。以下是一个简单的创建函数：

function createXHR() {
  var xhr = null;
  if(window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else if(window.ActiveXObject) {
    var versions = ['MSXML2.XMLHttp.6.0','MSXML2.XMLHttp.3.0','MSXML2.XMLHttp'];
    for(var i = 0; i 

接下来，我们可以使用 open 方法配置请求：

var xhr = createXHR();

xhr.open('GET','/someApi',true);

xhr.send();


我们使用 GET 方法请求服务器上某个 API 地址，第三个参数为 true 表示异步请求。这里我们假设该 API 返回的数据为 JSON 格式。

接下来，在 XMLHttpRequest 实例监听 onreadystatechange 事件。每当 XMLHttpRequest 实例的请求状态发生变化，这个事件就会被触发。

xhr.onreadystatechange = function() {
  if(xhr.readyState === 4) {
    if(xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      console.log(data);
    } else {
      console.error(xhr.statusText);
    }
  }
};


这个函数的核心部分是解析服务器返回的 JSON 格式字符串。可以使用 JSON.parse() 方法将字符串转换为纯 JavaScript 对象并打印出来。

完整的代码如下：

function createXHR() {
  var xhr = null;
  if(window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else if(window.ActiveXObject) {
    var versions = ['MSXML2.XMLHttp.6.0','MSXML2.XMLHttp'];
    for(var i = 0; i 

使用以上代码即可向服务器发出 AJAX 请求，并在请求完成时获取并解析返回的 JSON 数据。