ajax json对象 3种

AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下更新页面内容的技术。它通过JavaScript和XMLHttpRequest对象（或者fetch API）与后端服务器进行通信。随着技术的发展，AJAX对JSON（JavaScript Object Notation）的支持越来越重要，因为JSON比XML更简单，也更快速。

JSON是一种轻量级数据交换格式。它是JavaScript的一个子集，由键值对组成。由于JSON的简洁性，使它成为一种广泛使用的数据格式，被用于Web应用程序中的数据交换。

下面介绍使用AJAX和JSON对象的3种方法：

//1. 使用XMLHttpRequest对象发送AJAX请求，并解析JSON数据
var xhr = new XMLHttpRequest();
xhr.open("GET","json_data.json",true);
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
}

//2. 使用fetch API发送AJAX请求，并解析JSON数据
fetch('json_data.json')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

//3. 使用jQuery库发送AJAX请求，并解析JSON数据
$.ajax({
  url: 'json_data.json',type: 'GET',dataType: 'json',success: function(data) {
    console.log(data);
  },error: function(err) {
    console.error(err);
  }
});

以上是AJAX和JSON对象的3种常见用法。无论采用哪种方法，都需要注意对JSON数据的格式验证和错误处理，以确保应用程序在使用AJAX和JSON时的正确性和稳定性。