AJAX是一种在不重新加载整个页面的情况下,通过后台与服务器进行数据交互的技术。它可以使网页实现异步更新,提高用户体验。下面是AJAX的格式和每个属性的作用:
var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
xhr.open('GET', 'url', true); // 初始化请求,设置请求方法、请求地址、是否异步
xhr.onreadystatechange = function() { // 处理响应结果
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(); // 发送请求
new XMLHttpRequest()
:创建XMLHttpRequest对象。open(method, url, async)
:初始化请求,设置请求方法、请求地址、是否异步。method
:请求方法,可以是GET或POST。url
:请求地址。async
:是否异步,一般设置为true。
onreadystatechange
:处理响应结果,当readyState属性改变时触发。readyState
:XMLHttpRequest对象的状态,0-未初始化,1-正在加载,2-加载完成,3-交互中,4-完成。status
:HTTP状态码,200表示成功,404表示未找到页面等。responseText
:响应结果,一般是服务器返回的数据。send()
:发送请求。