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

Question

在同一页面上按下按钮后，将加载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>

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

请帮忙！

Answer 1

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

完成xmlhttpPost("/cgi-bin/test.py")后，它可以将加载图片替换为所需内容。