ajax xhr json

Ajax是一种利用JavaScript和XML（可扩展标记语言）的技术，在不刷新整个页面的情况下，实现部分更新网页的功能。XHR是XmlHttpRequest的缩写，是一个浏览器提供的对象，可通过JavaScript来访问，用于传输数据。JSON是一种轻量级的数据交换格式，易于阅读和编写，也易于在客户端和服务器之间传输数据。

使用Ajax+XHR实现动态更新网页的功能，需要用到XMLHttpRequest对象的三个核心方法：open()、send()和onreadystatechange。open()方法用于设置请求的方法、URL、以及异步与否，send()方法用于发送请求，onreadystatechange则是处理返回结果的方法。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    //处理返回结果
  }
};
xhr.open("GET","example.json",true);
xhr.send();

以上代码示例为通过GET请求获取名为example.json的JSON数据，并通过onreadystatechange方法处理返回结果。

使用JSON作为数据传输格式，需要将数据包装为JSON字符串格式。在JavaScript中使用JSON对象的stringify()方法来将对象转换为JSON字符串格式，使用parse()方法将JSON字符串转换为对象。

// 将对象转换为JSON字符串格式
var data = {name: "张三",age: 18};
var jsonString = JSON.stringify(data);

// 将JSON字符串格式转换为对象
var jsonObject = JSON.parse('{"name":"李四","age":20}');

以上代码示例为对象转换为JSON字符串格式的方法以及JSON字符串转换为对象的方法。