xhr基本使用

XHR 是 XMLHttpRequest 的缩写，它是一种可以在不重新加载整个页面的情况下，通过 JavaScript 发送 HTTP 请求和接收服务器响应的技术。在网页开发中，我们经常会用到 XHR 来实现异步数据交互，比如获取远程数据、发送表单数据等等。 要实现一个简单的 XHR 请求，我们可以通过以下几个步骤来操作： 1. 创建一个 XMLHttpRequest 对象 2. 指定请求的方法、URL 和是否异步 3. 发送请求 4. 监听 XHR 对象的状态变化，并在接收到响应后处理数据 下面是一个简单的示例代码： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.example.com/data', true); xhr.send(); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { console.log('成功收到响应：', xhr.responseText); } else { console.log('请求出错：', xhr.status); } } }; ``` 在这个例子中，我们创建了一个 XHR 对象，并使用 GET 方法向 https://api.example.com/data 发送了一个异步请求。然后，我们监听 XHR 对象的状态变化，当 readyState 变为 XMLHttpRequest.DONE 时，表示请求完成。此时我们可以通过 status 属性来判断请求的状态，通过 responseText 属性来获取服务器返回的数据。 总之，XHR 是一种非常有用的技术，可以让我们在网页中实现更加流畅的用户体验，并为用户提供更加丰富的交互功能。希望这个回答能够帮助你更好地了解并使用 XHR。