Ajax是同步还是异步，简述Ajax的流程？

JQuery面试题 4月前 0 30

Ajax（Asynchronous JavaScript and XML）是异步的。它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。Ajax 的流程通常如下：

创建 XMLHttpRequest 对象: 这是实现 Ajax 的主要对象，它提供了在浏览器和服务器之间进行数据交换的能力。
```
var xhr = new XMLHttpRequest();
```
配置请求: 使用 open() 方法配置请求的类型（如 GET 或 POST）、URL 以及是否异步。
```
xhr.open('GET', 'your-api-url', true);
```
发送请求: 通过 send() 方法发送请求。对于 POST 请求，还可以在 send() 中传送数据。
```
xhr.send();
```
处理响应: 使用 onreadystatechange 事件监听器处理服务器响应。当请求的状态改变时，会触发这个事件。通过检查 xhr.readyState（请求状态）和 xhr.status（HTTP 状态码），我们可以处理响应数据。
```
xhr.onreadystatechange = function() {
 if (xhr.readyState == 4 && xhr.status == 200) {
   // 处理响应数据，如更新网页的部分内容
   document.getElementById("demo").innerHTML = xhr.responseText;
 }
};
```

在整个过程中，最关键的是 Ajax 可以异步进行，这意味着用户可以在等待服务器响应的同时继续操作页面，而不必停下来等待页面刷新。这提高了用户体验和应用程序的性能。