ajax xmlhttp 接收json

在前端开发中，ajax技术在异步数据传输中扮演了重要的角色。其中，XMLHttpRequest（简称XMLHttp或XHR）是ajax中最为核心和重要的一部分，可以通过它与服务端进行数据交互。而接收服务端返回的数据格式为JSON时，就需要使用XMLHttpRequest对象接收JSON数据。

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求类型和地址
xhr.open("GET","test.json",true);
// 设置响应类型为json
xhr.responseType = "json";
// 监听onload事件
xhr.onload = function() {
  // 判断响应状态码
  if (xhr.status === 200) {
    // 输出响应内容
    console.log(xhr.response);
  }
};
// 发送请求
xhr.send();

在以上代码中，首先创建了一个XMLHttpRequest对象xhr，之后通过open方法设置请求类型和地址，并将响应类型设置为json。然后，通过监听onload事件来判断响应状态码，若为200则表明请求成功，可以通过xhr.response来获取响应内容，获取到的content-type为application/json。

在接收到JSON数据后，通常需要转换为JavaScript对象，可以使用JSON.parse()方法进行转换，例如：

xhr.onload = function() {
  if (xhr.status === 200) {
    // 输出响应内容
    console.log(xhr.response);
    // 将JSON字符串转换为JavaScript对象
    var data = JSON.parse(xhr.response);
    // 输出转换后的JavaScript对象
    console.log(data);
  }
};

通过以上代码，可以将JSON字符串转换为JavaScript对象，方便操作和使用。在处理服务端返回的JSON数据时需要注意，特别是如果服务端返回的JSON数据存在错误或异常情况时，需要进行相应的处理以保证前端的正常运行。