如何检查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>

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

请帮忙！

Answer 1

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

当你的xmlhttpPost("/cgi-bin/test.py") 完成后，它可以用它想要的内容替换加载图像。