js xmlhttprequest get 请求
时间: 2023-09-18 20:02:25 浏览: 108
XMLHttpRequest 是一种可以通过 JavaScript 进行 HTTP 请求的对象。它可以发送 GET 请求来获取远程服务器上的数据。
要使用 XMLHttpRequest 发送 GET 请求,我们需要执行以下步骤:
1. 创建一个新的 XMLHttpRequest 对象:
```javascript
var xhr = new XMLHttpRequest();
```
2. 使用 open() 方法指定请求的方法(GET)、URL(服务器上数据的位置)和异步标志(true 或 false):
```javascript
xhr.open('GET', 'http://example.com/data', true);
```
3. 注册一个 load 事件处理器,以便在请求成功完成时调用:
```javascript
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功
console.log(xhr.responseText);
} else {
// 请求失败
console.log('请求失败:' + xhr.status);
}
};
```
4. 发送请求:
```javascript
xhr.send();
```
当请求成功完成时,我们可以通过 xhr.responseText 属性获取响应的内容。如果请求失败,我们可以通过 xhr.status 属性获取状态码以确定失败原因。
此外,我们还可以在发送请求之前设置其他配置,如请求头部信息、超时时间等。通过调用 xhr.setRequestHeader() 方法来设置请求头部信息。
需要注意的是,由于浏览器的安全策略,跨域请求是被禁止的。所以在实际应用中,我们需要确保请求的 URL 与当前网页的域名相同,或者使用跨域请求的解决方案,如 CORS(跨域资源共享)或 JSONP(JSON with Padding)等。
阅读全文