Ajax显示数据时，如何在现实过程中显示正在加载数据，请等待的样式

这个方法有用，谢谢，与大家分享
<script>
function SearchClick()
{
loading.style.display="";//显示层
window.setTimeout(ShowData,3000);//调用显示方法
}
function ShowData()
{
var a=false;
a=DataItem.Test();//ajax加载数据，加载完成后显示true
if(a.value==true)
{
loading.style.display="none";//隐藏层
}
}
</script>
//html部分
<div id="loadding" style="display:none">正在加载数据，请等待</div>
<input type="button" onclick="SearchClick();"></input>

 

?  

汗，以前作的这个是异步回调实现的
function showMessage( id, context )
{
context.parentElement.parentElement.className = "message_read";
context.className = "box02";
context.innerHTML += "<div style=\"color: #DD2200;\">正在读取消息...</div>";
context.onclick = null;
context.style.cursor = "auto";

<%=ClientScript.GetCallbackEventReference( this, "\"s\"+id", "showMessageCallback", "context" ) %>
}

function showMessageCallback( message, context )
{
context.innerText = message;
}
context是一个div