ajax的js封装代码
时间: 2024-06-09 16:04:53 浏览: 60
封装ajax的js类
以下是一个简单的使用原生JavaScript封装的ajax函数代码:
```javascript
function ajax(options) {
var xhr = new XMLHttpRequest();
xhr.open(options.method, options.url, true);
xhr.onload = function() {
if (xhr.status === 200) {
options.success(xhr.responseText);
} else {
options.error(xhr.statusText);
}
};
xhr.onerror = function() {
options.error(xhr.statusText);
};
xhr.send(options.data);
}
// 使用示例
ajax({
method: "GET",
url: "https://jsonplaceholder.typicode.com/todos/1",
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});
```
在这个函数中,我们使用XMLHttpRequest对象来发送HTTP请求,并在请求完成后调用传入的回调函数。您可以根据需要对其进行修改和扩展。
阅读全文