AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页的技术，它通过在后台与服务器进行数据交换，实现异步加载，使网页具有更流畅和用户友好的体验。在本文中，我们将讨论如何使用AJAX进行同步请求并显示加载的文章。通过这种方式，我们可以在用户等待期间显示一个加载动画，让用户知道数据正在加载中，并避免不必要的用户焦虑。

为了理解AJAX同步请求显示加载的过程，让我们考虑一个简单的例子。假设我们有一个新闻网站，当用户点击某个新闻文章时，通过AJAX向服务器请求文章的内容，以实现无刷新加载。在这个例子中，我们希望在文章加载期间显示一个加载动画。

首先，我们需要在HTML页面中创建一个用于显示加载动画的容器。这个容器可以是一个div元素，我们可以为它设置一个唯一的ID，例如"id=loading"，并在其中插入一个加载动画的图片。下面是示例的HTML代码：

<div id="loading">
<img src="loading.gif" alt="正在加载..." />
</div>

接下来，我们需要编写AJAX同步请求的代码。我们可以使用XMLHttpRequest对象来实现AJAX请求。首先，我们需要创建一个XMLHttpRequest对象，并指定请求的URL。然后，我们可以使用open()方法设置请求的类型和URL，并使用send()方法发送请求。在发送请求之前，我们可以在请求开始时显示加载动画，请求完成后隐藏加载动画。

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求的URL
var url = "example.com/article";
// 显示加载动画
document.getElementById("loading").style.display = "block";
// 发送请求
xhr.open("GET", url, false);
xhr.send();
// 隐藏加载动画
document.getElementById("loading").style.display = "none";

在上面的代码中，设置了XMLHttpRequest对象的open()方法的第三个参数为false，表示使用同步请求。因此，在发送请求后，代码会一直等待服务器的响应，直到响应返回或超时。为了更好地控制请求的超时时间，我们可以在open()方法之后设置timeout属性，以毫秒为单位。

当服务器响应返回后，我们可以使用XMLHttpRequest对象的responseText属性获取响应的内容。在上面的例子中，我们可以将获取到的文章内容插入到HTML页面中的适当位置，以显示给用户。

综上所述，通过使用AJAX同步请求并显示加载的文章，我们可以在用户等待期间提供一个友好的加载动画，以改善用户体验。无论是加载新闻文章还是其他类型的内容，这种技术都可以帮助我们实现流畅和高效的网页交互。