ajax过去json

AJAX（Asynchronous JavaScript and XML）是一种在 Web 应用程序中发送和接收数据的方法，通过使用 XML、HTML 、CSS 和 JavaScript 等技术，实现不刷新页面更新数据的功能。在传统的 Web 应用中，页面是由服务端渲染返回的，每次用户进行操作都需要请求服务端返回新的页面展示给用户，而 AJAX 技术使得网页可以异步地向服务器发起请求并接收响应，从而实现页面部分刷新，提高了用户体验。

而 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于 JavaScript 的语言子集，易于人阅读和编写，并且易于机器解析和生成。在 AJAX 中，JSON 取代了原有的 XML 作为数据交换格式，以 JSON 格式传输的数据更加简洁、易于解析和缩小数据传输的大小。

示例1：普通的 AJAX 请求
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求的方法、URL 和是否异步
xhr.open('GET','/api/data',true);
// 设置响应的数据类型
xhr.responseType = 'json';
// 注册监听函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === xhr.DONE) {
    if (xhr.status === 200) {
      // 请求成功执行的回调
      var data = xhr.response;
      console.log(data);
    } else {
      // 请求失败执行的回调
      console.error(xhr.statusText);
    }
  }
};
// 发起请求
xhr.send();

示例2：利用 jQuery 发送 AJAX 请求

// 发送 GET 请求
$.ajax({
  url: '/api/data',type: 'GET',dataType: 'json',success: function(data) {
    console.log(data);
  },error: function(xhr,status,error) {
    console.error(status);
  }
});

// 发送 POST 请求
$.ajax({
  url: '/api/data',type: 'POST',data: {name: 'John',age: 18},error) {
    console.error(status);
  }
});