使用js写一个ajax封装
时间: 2023-05-15 19:06:05 浏览: 73
好的,以下是一个简单的使用 JavaScript 封装 AJAX 的示例代码:
```javascript
function ajax(options) {
var xhr = new XMLHttpRequest();
xhr.open(options.method || 'GET', options.url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
options.success(xhr.responseText);
} else {
options.error(xhr);
}
};
xhr.send(options.data || null);
}
// 使用示例
ajax({
method: 'POST',
url: '/api/login',
data: { username: 'admin', password: '123456' },
success: function(response) {
console.log('登录成功:', response);
},
error: function(xhr) {
console.error('登录失败:', xhr);
}
});
```
这个函数接受一个对象作为参数,包含以下属性:
- `method`:请求方法,默认为 `'GET'`。
- `url`:请求的 URL。
- `data`:请求的数据,可以是一个对象或字符串。
- `success`:请求成功的回调函数,接受一个参数,即响应的数据。
- `error`:请求失败的回调函数,接受一个参数,即 XMLHttpRequest 对象。
你可以根据需要修改这个函数,比如添加请求头、超时时间等功能。