ajax 获取xhr_示例代码

AJAX（Asynchronous JavaScript and XML）是一种用于在网页上进行异步数据交互的技术。它可以通过在不刷新整个页面的情况下，向服务器发送请求并接收响应，从而实现动态更新页面内容的效果。

在使用AJAX时，我们通常会使用XMLHttpRequest（XHR）对象来发送和接收数据。XHR对象是浏览器提供的一个内置对象，它可以通过JavaScript代码来创建和操作。

下面是一个使用XHR对象获取数据的示例代码：

var xhr = new XMLHttpRequest(); // 创建一个XHR对象
xhr.open("GET", "data.json", true); // 设置请求方法、URL和是否异步
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) { // 当请求完成并且响应成功时
    var data = JSON.parse(xhr.responseText); // 解析响应数据
    // 在这里可以对获取到的数据进行处理或更新页面内容
  }
};
xhr.send(); // 发送请求

在这个示例代码中，首先通过`new XMLHttpRequest()`创建了一个XHR对象。然后使用`open()`方法设置了请求方法为GET，URL为"data.json"，并将异步标志设置为true。

接下来，通过设置`xhr.onreadystatechange`属性来指定一个回调函数，该函数会在XHR对象的状态发生变化时被调用。在回调函数中，我们首先判断XHR对象的`readyState`属性是否为4（表示请求已完成），以及`status`属性是否为200（表示响应成功）。如果满足这两个条件，就说明请求成功，并可以通过`xhr.responseText`属性获取到响应的数据。

调用`xhr.send()`方法发送请求。

通过以上代码，我们可以实现通过AJAX异步获取数据，并在获取到数据后进行处理或更新页面内容的功能。