如何在处理页面的时候显示正在加载，处理完后自动消失

来源：百度知道 编辑：UC知道 时间：2024/07/06 13:22:43
想用Ajax+PHP来实现，我因为要用PHP处理比较复杂的数据，打开页面就白白一片，很久才有结果。
如何用Ajax异步传输显示正在加载，加载完毕自动消失？

这是我做的一个例子
<script language="javascript">
function loadDate()
{
loading.style.display='';
bodyFrameDiv.style.display="none";
document.all.bodyFrame.src="http://www.163.com";

}
function resetDiv()
{
loading.style.display='none';
bodyFrameDiv.style.display="";
}
</script>

<a style="cursor:hand" onclick="loadDate()">加载数据</a>
<div id="loading" style="display:none;width:400px;height:400px"><table width="100%"><tr><td align="center" height="300"><img src="http://www.okajax.com/bbs/attach.aspx?attachid=6" border="0"> Loa