ajax加载div_ajax加载中提示：代码示例

当使用Ajax技术加载一个div时，我们通常会添加一个提示信息，告诉用户正在加载中。这样可以提高用户体验，让用户知道页面正在进行加载操作，避免用户误以为页面出现了问题。

为了实现这个功能，我们可以通过以下步骤来完成：

第一步，我们需要在页面中添加一个div元素，用于显示加载中的提示信息。我们可以给这个div设置一个唯一的id，方便后续的操作。示例代码如下：

<div id="loadingDiv">加载中...</div>

第二步，我们需要使用Ajax技术加载目标div的内容。在Ajax请求开始前，我们可以将加载中的提示信息显示出来，告诉用户正在进行加载操作。示例代码如下：

// 显示加载中提示信息
document.getElementById("loadingDiv").style.display = "block";
// 创建Ajax请求
var xhr = new XMLHttpRequest();
xhr.open("GET", "目标div的URL", true);
// 监听Ajax请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，将目标div的内容替换为返回的数据
    document.getElementById("目标div的id").innerHTML = xhr.responseText;
    // 隐藏加载中提示信息
    document.getElementById("loadingDiv").style.display = "none";
  }
};
// 发送Ajax请求
xhr.send();

在上述示例代码中，我们首先通过`document.getElementById("loadingDiv")`获取到加载中提示信息的div元素，然后通过设置`style.display`属性为"block"，将其显示出来。

接着，我们使用Ajax技术创建了一个GET请求，并在请求的回调函数中处理返回的数据。当请求成功时，我们将目标div的内容替换为返回的数据，并将加载中提示信息隐藏。

通过以上步骤，我们可以实现在Ajax加载div的过程中显示加载中的提示信息。这样用户就能清楚地知道页面正在进行加载操作，提高了用户体验。