ajax异步请求跟同步请求，区别，介绍，作用，用法

Ajax（Asynchronous JavaScript and XML）是一种利用 JavaScript 和 XML 进行异步数据传输的技术。与同步请求不同，异步请求不会阻塞浏览器，可以在后台进行数据传输和处理，从而提高用户体验。

区别：

同步请求会阻塞浏览器，直到服务器返回响应或者超时，而异步请求不会阻塞浏览器，用户可以继续进行其他操作。

介绍：

Ajax 技术可以用于实现网页的动态更新，通过在后台与服务器进行数据交换，可以避免网页重新加载，从而实现页面的局部更新，提高用户体验。

作用：

1. 提高用户体验：网页不需要重新加载，提高用户的操作效率。

2. 减轻服务器压力：通过异步请求可以减少不必要的数据传输，从而减轻服务器的压力。

3. 实现动态交互：可以实现网页与用户的动态交互，例如实时搜索、在线聊天等功能。

用法：

1. 创建 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 设置请求方式和请求地址

xhr.open('GET', '/api/data', true); // true 表示异步请求

3. 发送请求

xhr.send();

4. 监听状态变化

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
}

5. 处理响应数据

xhr.onload = function() {
  console.log(xhr.responseText);
}