ajax同步异步设置—示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于在网页上进行异步数据交互的技术。它可以在不刷新整个页面的情况下，通过与服务器进行数据交换，实现局部刷新和动态加载内容。

在Ajax中，可以通过设置同步或异步来控制数据请求的方式。同步请求会阻塞浏览器，直到请求完成并返回数据后才继续执行后续代码；而异步请求会立即发送请求，并继续执行后续代码，不会阻塞浏览器。

下面是一个示例代码，演示了如何使用Ajax进行同步和异步请求：

// 同步请求示例
var xhrSync = new XMLHttpRequest();
xhrSync.open('GET', 'https://api.example.com/data', false); // 设置同步请求
xhrSync.send();
if (xhrSync.status === 200) {
  var responseSync = xhrSync.responseText;
  console.log(responseSync);
} else {
  console.log('请求失败');
}
// 异步请求示例
var xhrAsync = new XMLHttpRequest();
xhrAsync.open('GET', 'https://api.example.com/data', true); // 设置异步请求
xhrAsync.send();
xhrAsync.onreadystatechange = function() {
  if (xhrAsync.readyState === 4 && xhrAsync.status === 200) {
    var responseAsync = xhrAsync.responseText;
    console.log(responseAsync);
  }
};

在上面的示例代码中，我们首先创建了两个XMLHttpRequest对象，分别用于同步和异步请求。然后，我们使用`open()`方法设置请求的方式（GET）和URL。对于同步请求，我们将第三个参数设置为`false`，表示同步请求；对于异步请求，我们将第三个参数设置为`true`，表示异步请求。接下来，我们使用`send()`方法发送请求。

对于同步请求，我们可以通过检查`status`属性来判断请求是否成功，并使用`responseText`属性获取返回的数据。

对于异步请求，我们需要使用`onreadystatechange`事件监听请求的状态变化。当`readyState`为4（请求已完成）且`status`为200（请求成功）时，我们可以使用`responseText`属性获取返回的数据。

通过以上示例代码，我们可以看到同步请求会阻塞浏览器，直到请求完成后才会继续执行后续代码；而异步请求会立即发送请求，并在请求完成后触发回调函数处理返回的数据，不会阻塞浏览器。