ajax 写法 json

AJAX是“异步JavaScript和XML”的缩写。它使Web应用程序能够从服务器上异步获取数据，并在不破坏当前页面的情况下更新部分页面内容。

为了更好地实现AJAX，JSON（JavaScript对象表示）已经成为一种常用的数据传输格式。JSON与XML类似，但更轻量级，易于阅读和编写。

//使用AJAX和JSON获取数据示例代码
function getData() {
  var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
  xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) { //请求已完成并且响应已成功
      var data = JSON.parse(xhr.responseText); //解析JSON响应文本
      document.getElementById("result").innerHTML = data.name; //将数据显示在页面上
    }
  };
  xhr.open("GET","data.json",true); //开始GET请求
  xhr.send(); //发送请求
}

在上面的代码中，我们使用XMLHttpRequest对象来创建一个AJAX请求，并且使用JSON.parse()方法来解析服务器响应的JSON字符串。注意，我们必须在响应文本被接收之后才能解析它。

JSON也可以使用POST方法发送数据，如下所示：

//使用AJAX和JSON发送数据示例代码
function sendData() {
  var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
  var data = {name: "John",age: 30}; //要发送的JSON数据
  xhr.open("POST","server.PHP",true); //开始POST请求
  xhr.setRequestHeader("Content-Type","application/json"); //设置请求头，指定数据格式为JSON
  xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) { //请求已完成并且响应已成功
      console.log(xhr.responseText); //打印服务器响应文本
    }
  };
  xhr.send(JSON.stringify(data)); //将JSON数据发送到服务器
}

在上面的代码中，我们使用POST方法将JSON数据发送到服务器上，并且使用xhr.setRequestHeader()方法设置Content-Type请求头，指定数据格式为JSON。在服务器端，我们可以使用PHP等语言来解析JSON数据。