ajax教程 chm—示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它通过在不刷新整个页面的情况下，通过与服务器进行异步通信来更新部分页面内容。这使得网页可以更加动态和响应用户的操作。

在Ajax中，我们可以使用JavaScript的XMLHttpRequest对象来发送HTTP请求并接收响应。以下是一个简单的示例代码，演示如何使用Ajax发送GET请求并处理响应：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.php', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 在这里处理响应数据
    document.getElementById('result').innerHTML = response;
  }
};
xhr.send();

在上面的代码中，我们首先创建了一个XMLHttpRequest对象xhr。然后，我们使用open方法指定请求的类型（GET）、URL（'example.php'）和是否异步（true）。接下来，我们通过onreadystatechange事件处理程序来监视请求的状态变化。当readyState为4（请求完成）且status为200（请求成功）时，我们可以获取响应的文本数据，并将其赋值给变量response。我们将响应数据插入到id为'result'的HTML元素中。

通过这个简单的示例，我们可以看到如何使用Ajax发送GET请求并处理响应。在实际开发中，我们还可以使用其他HTTP方法（如POST、PUT、DELETE）和发送数据等。

总结一下，Ajax是一种通过与服务器进行异步通信来更新部分页面内容的技术。我们可以使用XMLHttpRequest对象发送HTTP请求并处理响应。以上示例代码演示了如何使用Ajax发送GET请求并处理响应。