js ajax 同步执行(示例代码)

JS中的Ajax同步执行是指在发送Ajax请求时，代码会等待服务器返回结果后再继续执行后续的操作。这种方式会阻塞浏览器的其他操作，直到请求完成为止。

示例代码如下：

function fetchData() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "https://api.example.com/data", false);
  xhr.send();
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  }
}
console.log("Start");
fetchData();
console.log("End");

在上面的示例代码中，我们定义了一个`fetchData`函数来发送Ajax请求。在函数内部，我们使用`XMLHttpRequest`对象创建了一个GET请求，并设置`open`方法的第三个参数为`false`，表示使用同步方式发送请求。然后我们调用`send`方法发送请求。

接下来，我们使用`xhr.status`来获取服务器返回的状态码，如果状态码为200，则表示请求成功。我们通过`xhr.responseText`来获取服务器返回的响应数据，并将其打印到控制台。

在主程序中，我们先打印出"Start"，然后调用`fetchData`函数发送Ajax请求，因为请求是同步执行的，所以代码会等待请求完成后再继续执行。当请求完成后，我们打印出"End"。

通过使用同步方式发送Ajax请求，我们可以在代码中直接获取到服务器返回的数据，并在请求完成后继续执行后续的操作。但需要注意的是，同步执行会阻塞浏览器的其他操作，因此在实际应用中，我们更常使用异步方式发送Ajax请求来避免页面的阻塞。