使用 XMLHttpRequest 对象发送的简单 Ajax 请求
var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = getData;
httpRequest.open('GET', 'https://url/to/some.file', true);
httpRequest.send();
function getData(){
if (httpRequest.readyState === XMLHttpRequest.DONE) {
alert(httpRequest.responseText);
}
}
new XMLHttpRequest()
创建一个新的 XMLHttpRequest 对象 - 这是我们发送请求的内容
onreadystatechange
位告诉我们每次状态改变时都要调用 getData()
的请求
.open()
创建我们的请求 - 这需要一个请求方法 (’ GET ‘,’ POST ‘等),你正在查询的页面的 URL,以及可选的请求是否应该是异步的
.send()
发送我们的请求 - 这可选择接受数据发送到服务器,如 .send(data)
最后,getData()
是我们所说的每次请求状态发生变化时应该调用的函数。如果 readyState 等于 **DONE,**则它会警告 responseText
,这只是从服务器收到的数据。
有关详细信息,请参阅 MDN 入门指南 。