ajax 发http 示例代码

Ajax（Asynchronous JavaScript and XML）是一种在网页中使用JavaScript进行异步通信的技术。它可以在不刷新整个页面的情况下，通过与服务器进行数据交换，实现动态更新页面内容的效果。在使用Ajax时，我们可以通过发送HTTP请求来获取服务器上的数据，并将获取到的数据动态地显示在网页上。

下面是一个使用Ajax发送HTTP请求的示例代码：

var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() {  // 监听readyState的变化
  if (xhr.readyState === 4 && xhr.status === 200) {  // 当readyState为4且status为200时，表示请求成功
    var response = xhr.responseText;  // 获取服务器返回的数据
    document.getElementById("result").innerHTML = response;  // 将数据显示在id为result的元素中
  }
};
xhr.open("GET", "http://example.com/api/data", true);  // 设置请求方法、URL和异步标志
xhr.send();  // 发送请求

在这个示例代码中，我们首先创建了一个XMLHttpRequest对象，然后通过设置其onreadystatechange属性来监听readyState的变化。当readyState的值变为4且status的值为200时，表示请求成功。此时我们可以通过xhr.responseText获取服务器返回的数据，并将数据动态地显示在网页上。

在发送请求之前，我们使用xhr.open方法设置请求的方法、URL和异步标志。这里我们使用的是GET方法，并将请求的URL设置为"http://example.com/api/data"。我们使用xhr.send方法发送请求。

通过上述示例代码，我们可以看到Ajax的使用步骤：创建XMLHttpRequest对象、设置监听函数、打开和发送请求。这样就可以实现在网页中通过Ajax发送HTTP请求，并将获取到的数据动态地显示在页面上。