ajax本地json

Ajax (Asynchronous JavaScript and XML) 是一种用于创建动态网页的技术，它允许无需刷新整个页面即可与服务器进行数据交换。

本地 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式，它使用易于人类阅读和编写的文本格式来表示数据。

在使用 Ajax 与服务器交换数据时，经常需要使用 JSON 进行数据的序列化和反序列化。而在本地开发中，我们常常需要使用本地 JSON 文件进行开发和测试。

// 例如，我们可以使用以下代码从本地 JSON 文件中读取数据：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var data = JSON.parse(this.responseText);
    console.log(data);
  }
};
xhttp.open("GET","data.json",true);
xhttp.send();

// 假设我们拥有一个名为 data.json 的文件，它的内容如下所示：

{
  "employees": [
    { "firstName":"John","lastName":"Doe" },{ "firstName":"Anna","lastName":"Smith" },{ "firstName":"Peter","lastName":"Jones" }
  ]
}

// 上述代码将从 data.json 文件中读取数据，并将其解析为 JavaScript 对象。然后，我们可以在控制台上查看该对象，如下所示：

{
  "employees": [
    { "firstName":"John","lastName":"Jones" }
  ]
}

总之，Ajax 和本地 JSON 文件都是非常有用的开发工具，它们可以帮助开发人员更快地构建动态网页并进行数据交换。