ajax同步与success—示例代码

Ajax是一种用于在网页上进行异步通信的技术。它可以通过在不刷新整个页面的情况下，向服务器发送请求并接收响应，从而实现动态加载数据和更新页面内容的功能。在Ajax中，我们常常使用的一个重要概念是同步和异步。

同步请求是指在发送请求后，页面会一直等待服务器的响应，直到接收到响应后才继续执行后续的代码。这意味着页面会被阻塞，用户无法进行其他操作，直到请求完成。同步请求的示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', false); // false表示同步请求
xhr.send();
if (xhr.status === 200) {
  console.log(xhr.responseText);
} else {
  console.log('请求失败');
}

在上面的示例中，我们通过XMLHttpRequest对象创建了一个同步的GET请求，并发送到服务器的`example.com/api/data`接口。然后我们检查了响应的状态码，如果状态码为200，表示请求成功，我们就打印出响应的内容；否则，我们打印出请求失败的提示。

与同步请求相对应的是异步请求。异步请求是指在发送请求后，页面不会等待服务器的响应，而是继续执行后续的代码。当服务器响应返回后，会触发一个回调函数来处理响应数据。这样可以避免页面的阻塞，提升用户体验。下面是一个使用异步请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', true); // true表示异步请求
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.log('请求失败');
  }
};
xhr.send();

在上面的示例中，我们同样使用了XMLHttpRequest对象创建了一个GET请求，并设置为异步请求。然后我们通过`onreadystatechange`事件监听器来检测请求的状态和响应的状态码。当请求的状态为4（表示请求已完成）且响应的状态码为200时，我们打印出响应的内容；否则，我们打印出请求失败的提示。

总结一下，同步请求会阻塞页面，直到请求完成才继续执行后续代码，而异步请求则不会阻塞页面，可以在请求发送后继续执行其他代码。通常情况下，我们会更倾向于使用异步请求，以提升用户体验和页面的性能。