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

Question

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

我实际上想要一个“加载图像”直到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")后，它可以用它想要的内容替换加载图像。