Html 如何检查DIV中的内容是否已加载？

按下同一页面上的按钮后，将加载DIV中的内容。 按钮向服务器发送一个请求，一个python文件，文件返回一些文本，这些文本使用Ajax加载到页面的

div

部分

实际上，我希望在

div

内容未加载之前有一个“正在加载的图像”

<form id="f1">
    <textarea name="textcontent" id="styled" cols="40" rows="4"></textarea>
    <br>
    <input onclick='JavaScript:xmlhttpPost("/cgi-bin/test.py")' type="button" value="Show" class="blue"/>
    <br>
    <div id="qList"></div>
</form>

服务器返回的文本将加载到id为“qList”的

div

请帮忙

<div id="qList"><!-- insert loading image code here --></div>

---

当您的

xmlhttpPost（“/cgi-bin/test.py”）

完成后，它可以用所需的内容替换加载图像。

我认为如果您使用来自ajax调用方的回调来管理加载情况会更好。我不知道对象

JavaScript:xmlhttpPost

有哪些回调，但我确信它有一些方法来管理它。