在JavaScript中发送AJAX请求需要使用XMLHttpRequest对象。以下是发送AJAX请求的基本步骤:
let xhr = new XMLHttpRequest();
xhr.open('GET', 'url', true);
其中,open
方法中第一个参数是请求方法,可以是GET
或POST
;第二个参数是请求的URL;第三个参数表示是否异步发送请求。
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 处理成功响应
} else {
// 处理错误响应
}
}
};
其中,onreadystatechange
事件处理函数会在请求状态发生变化时被调用。readyState
属性表示请求状态,XMLHttpRequest.DONE
表示请求已完成。status
属性表示响应状态码,200
表示成功。
xhr.send();
如果是POST
请求,需要在send
方法中传入请求参数。
完整的代码示例:
let xhr = new XMLHttpRequest();
xhr.open('GET', 'url', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 处理成功响应
console.log(xhr.responseText);
} else {
// 处理错误响应
console.error(xhr.statusText);
}
}
};
xhr.send();
其中,responseText
属性表示响应内容。