ajax异步加载json

AJAX 是当前前端开发中非常常用的技术，其可通过异步加载数据来提升用户体验。本文将介绍如何使用 AJAX 异步加载 JSON 数据。

AJAX (Asynchronous JavaScript and XML) 工作流程是：通过 JavaScript 向服务器发出请求，服务器返回数据后 JavaScript 处理数据并更新页面上特定部分，从而实现无需刷新整个页面的数据更新。

接下来看如何从服务器上获取 JSON 数据。

var xmlhttp = new XMLHttpRequest();  // 创建 XMLHttpReqeust 对象
xmlhttp.onreadystatechange = function()  // 监听状态改变
{
  if (this.readyState == 4 && this.status == 200)  // 如果请求成功，并从服务器返回正确的响应
  {
    var data = JSON.parse(this.responseText);  // 将响应转为 JSON 格式的数据
    // 处理数据
  }
};
xmlhttp.open("GET","data.json",true);  // 打开 GET 请求，并指定请求的文件地址
xmlhttp.send();  // 发送请求

如上所示，通过 XMLHttpRequest 对象来创建一个 Ajax 请求。onreadystatechange 监听请求的状态改变，当状态为 4（请求已完成）时，处理服务器返回的响应。

通过 JSON.parse() 方法将服务器返回的数据转换为 JSON 格式，便于在 JavaScript 中处理。

以上是 AJAX 异步加载 JSON 的基本方法。你可以根据实际情况修改打开请求的方式或请求的地址。