如何让网页显示“加载”并在之后更改内容？

Question

我使用以下页面作为示例：

http://isbndb.com/book/the_new_public_health_second_edition

首次加载页面时，您可以看到“正在加载价格”框，之后它会更改，以便在同一个框中显示相关信息，如下所示：

我正在尝试使用django构建一些价格比较引擎，我想我需要通知用户该页面正在加载，而不是让用户在空白屏幕前等待。

任何人都可以告诉我这样做吗？

Answer 1

在您的HTML中

<div id="lazyLoad"> 
   <img src="\path\to\loading.gif">
</div>

成功的ajax调用将#lazyLoad的innerHTML替换为格式化结果。