ajax存json

AJAX存JSON是一种前端技术，使用JavaScript和XMLHttpRequest对象来向服务器发送请求并返回JSON数据。JSON是一种轻量级的数据交换格式，可以使数据传输更加高效。

// AJAX获取JSON
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // 解析JSON
    var response = JSON.parse(this.responseText);
    console.log(response);
  }
};
xhttp.open("GET","example.json",true);
xhttp.send();

在以上代码中，我们使用XMLHttpRequest对象发送GET请求到example.json文件，并在响应完成后使用JSON.parse()方法解析返回的JSON数据。responseText属性包含服务器返回的所有响应文本。

AJAX可以使用POST方法将JSON数据发送到服务器，允许从表单中读取用户输入，并使用JSON格式将它们提交到服务器。

// AJAX提交JSON
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
  }
};
xhttp.open("POST","example.PHP",true);
xhttp.setRequestHeader("Content-type","application/json");
var data = JSON.stringify({name: "John",age: 30});
xhttp.send(data);

在以上代码中，我们创建了一个包含name和age属性的JSON对象，并将其转换为字符串格式。我们使用XMLHttpRequest对象发送POST请求将数据发送到example.PHP文件，并在服务器响应完毕后输出响应文本。

AJAX存储JSON数据可以提高网站表现和性能，但需要注意的是，所有浏览器和服务器都必须同时支持JSON。