ajax推荐书(示例代码)

Ajax（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下，通过后台与服务器进行数据交互的技术。它通过在后台与服务器进行异步通信，可以实现页面的局部刷新，提升用户体验。

下面是一个使用Ajax的示例代码：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求的方法和URL
xhr.open('GET', 'https://api.example.com/data', true);
// 监听请求状态的变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
// 发送请求
xhr.send();

在这个示例中，首先我们创建了一个XMLHttpRequest对象，这个对象用于与服务器进行通信。然后我们使用`open`方法指定了请求的方法（这里是GET）和URL（这里是"https://api.example.com/data"）。接下来，我们通过监听`onreadystatechange`事件来获取请求状态的变化。当请求状态为4（即请求完成），并且状态码为200（即请求成功）时，我们可以通过`responseText`属性获取到服务器返回的数据。在这个示例中，我们将返回的数据解析成JSON格式，并打印到控制台上。

通过这个示例，我们可以看到Ajax技术的基本流程：创建XMLHttpRequest对象、指定请求的方法和URL、监听请求状态的变化、发送请求、处理返回的数据。这样我们就可以实现与服务器的异步通信，实现页面的局部刷新。