如何使网页显示“正在加载”并在之后更改内容?

问题描述:

我用下面的页面,例如:如何使网页显示“正在加载”并在之后更改内容?

http://isbndb.com/book/the_new_public_health_second_edition

enter image description here

你可以看到盒子“载入价格”当你第一次加载页面,它将改变之后就显示相关信息同一个盒子如下:

enter image description here

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

谁能告诉我知道这样做吗?

在HTML

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

在成功的Ajax调用与格式的结果取代#lazyLoad的innerHTML。