在现代Web应用程序中，Ajax（Asynchronous JavaScript and XML）的使用已经成为一种常见的技术。它通过在后台与服务器进行异步通信，实现了对页面进行部分更新的功能，同时提升了用户体验。本文将探讨如何使用Ajax来实现加载中的提示效果。
当我们使用Ajax发送请求并等待响应时，通常需要给用户提供一个友好的加载中提示，以便让用户知道正在进行的操作，并且不会认为页面出现了问题。通常，我们可以通过修改页面的内容或者在页面中添加一些“加载中”的元素来实现这一效果。
在我们的页面中，可以添加一个具有透明背景和加载图标的遮罩层，以提示用户正在加载内容。同时可以添加一个文本消息，如“加载中，请稍等…”，以向用户传达正在进行的操作。下面是一个简单的例子，展示了如何使用Ajax加载数据时同时显示加载中的提示：
```html```
在上面的例子中，我们使用了一个透明的遮罩层（`loading-overlay`），以及一个加载图标（`loading-icon`）和一个文本消息（`loading-text`）。在点击“点击加载数据”按钮后，我们发送一个Ajax请求来获取数据，并在请求成功后将数据呈现在页面上的`data`元素中。同时，在加载数据时，我们显示了加载中的提示，一旦请求完成，我们则隐藏了该提示。
通过上述例子，我们可以看到，使用Ajax加载数据时的加载中提示非常简单。我们只需要通过JavaScript控制加载层的显示与隐藏即可。当然，在实际应用中，我们还可以自定义加载中的提示样式，以及根据实际需求进行更多的定制。
请点击以下按钮加载数据：
加载中，请稍等...