使用 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 入门指南