能帮我把XMLHttpRequest封装成ajax吗
时间: 2023-09-23 08:13:03 浏览: 93
当然可以,以下是一个简单的 Ajax 封装函数,可以实现 GET 和 POST 请求:
```javascript
function ajax(method, url, data, success) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
success(xhr.responseText);
}
}
if (method == 'GET') {
xhr.open('GET', url + '?' + data, true);
xhr.send();
} else if (method == 'POST') {
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(data);
}
}
```
使用示例:
```javascript
ajax('GET', 'http://example.com/api', 'key=value', function(response) {
console.log(response);
});
ajax('POST', 'http://example.com/api', 'key=value', function(response) {
console.log(response);
});
```
注意,此处封装的是原生 XMLHttpRequest,而非 jQuery 的 ajax 方法。如果您需要使用 jQuery 的 ajax 方法,可以参考 jQuery 的文档。
阅读全文