xmlhttprequest addlistener
时间: 2023-08-04 10:07:15 浏览: 96
XMLHttpRequest 对象还支持 `addEventListener` 方法来添加事件监听器,这样可以添加多个事件处理程序。以下是一个示例代码:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.addEventListener('load', function() {
if (xhr.status === 200) {
console.log('请求成功');
console.log(xhr.responseText);
} else {
console.log('请求失败');
console.log('状态码: ' + xhr.status);
console.log('状态信息: ' + xhr.statusText);
}
});
xhr.addEventListener('error', function() {
console.log('请求失败');
});
xhr.send();
```
在上面的代码中,`xhr.addEventListener('load', function() {...})` 将在请求成功时触发,`xhr.addEventListener('error', function() {...})` 将在请求失败时触发。这两个事件处理程序都被添加到 `XMLHttpRequest` 对象中,以便在请求期间任何时候都可以处理这些事件。注意,在使用 `addEventListener` 方法时,事件名称前不需要加 'on' 前缀。
阅读全文