AJAX同步和异步

AJAX请求可以是同步的或异步的。

同步(Sync) 请求意味着JavaScript会等待服务器响应后才继续执行其他操作。这意味着在请求完成之前，用户试图与页面交互的其他部分将被冻结。

异步(Async) 请求则不会阻塞用户界面。JavaScript会发起请求，然后继续执行其他操作，不会等待服务器响应。当服务器响应后，JavaScript会处理这个响应。

以下是使用原生JavaScript进行AJAX请求的示例代码：

异步AJAX请求示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true); // 第三个参数设置为true表示异步
 
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
 
xhr.send();

同步AJAX请求示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', false); // 第三个参数设置为false表示同步
 
xhr.send();
 
if (xhr.status === 200) {
  // 请求成功
  var response = JSON.parse(xhr.responseText);
  console.log(response);
}

在现代web开发中，由于异步操作的优势，通常更倾向于使用异步AJAX请求。这不仅因为它不会冻结用户界面，而且它可以同时处理多个请求，使得程序的执行更加高效。