Ajax及其应用

1. 首先要理解Ajax的定义：

Ajax全名为Asynchronous JavaScript and XML ，即为异步的JavaScrip和XML。它不是新的编程原理，而是一种将现有的标准组合到一起使用的新方法。

它的工作原理为通过XmlHttpRequest对象来向服务器发送异步请求，从服务器获得数据后用JavaScript来操作DOM而更新页面。如图所示

2.XmlHttpRequest对象属性：

3.XmlHttpRequest对象方法：

4.Ajax的使用

在这里使用JSONPlaceholder作为数据服务，这是一个免费的REST API，在Ajax中进行HTTP调用，需要初始化一个新XMLHttpRequest()方法，指定URL端点和HTTP方法（示例中使用GET）。最后，我们使用该open()方法将HTTP方法和URL端点绑定在一起，并调用该send()方法来触发请求。

const Http = new XMLHttpRequest();
const url='https://jsonplaceholder.typicode.com/posts';
Http.open("GET", url);
Http.send();
 
Http.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
        console.log(Http.responseText)
    }
}

我们使用XMLHTTPRequest.onreadystatechange包含要在readystatechanged事件触发时调用的事件处理程序的属性将HTTP响应记录到控制台。

如果查看浏览器控制台，它将返回JSON格式的数据数组