JSON和AJAX

AJAX（Asynchronous JavaScript and XML）是一种无需重新加载整个页面就能更新部分网页的技术。它使用JavaScript的XMLHttpRequest对象来发送异步请求，并获取服务器响应。AJAX可以用于在不刷新页面的情况下更新网页内容、与服务器交换数据并更新部分网页，提高用户体验。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。JSON使用文本格式来存储和表示数据，包括数字、字符串、布尔值、数组和对象等。

下面是一个使用AJAX和JSON的简单示例代码：

HTML：

html






Get Data

JavaScript：

javascriptfunction getData() {
var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() { // 定义回调函数
if (xhr.readyState == 4 && xhr.status == 200) { // 判断请求是否成功完成
var data = JSON.parse(xhr.responseText); // 将服务器响应解析为JSON对象
var resultDiv = document.getElementById("result"); // 获取结果div元素
resultDiv.innerHTML = "Name: " + data.name + "
Email: " + data.email; // 将数据插入到结果div中
}
};
xhr.open("GET", "data.json", true); // 打开异步请求，指定请求方式为GET，请求地址为data.json
xhr.send(); // 发送请求
}

data.json：

json{
"name": "John Doe",
"email": "[email protected]"
}

在这个示例中，当用户单击“Get Data”按钮时，JavaScript代码会创建一个XMLHttpRequest对象并发送一个GET请求到服务器。服务器返回一个包含JSON数据的响应，JavaScript代码将响应解析为JSON对象，并将数据插入到网页中的结果div中。