ajax等待请求

1.html

<div id="loading"><img src="../Content/img/loading.gif" alt="" />正在加载数据,请稍候...</div>

2.CSS

#loading {
width:225px;
height:45px;
border:3px solid #C3DAF9;
position:absolute;
margin-top:45%;
margin-left:45%;
z-index:10000; 
background-color:#F7F9FC;
line-height:25px;
vertical-align:middle;
font-size:11pt;
display:none;
}

3.实现ajax里的beforeSend和complete方法

... 
   $.ajax({
　　　　 ...   
　　　　 beforeSend: function () {
            ShowDiv();
        },
        complete: function () {
            HiddenDiv();
        },
　　　　 ...
       ｝)
...
//显示加载数据
function ShowDiv() {
    $("#loading").show();
}

//隐藏加载数据
function HiddenDiv() {
    $("#loading").hide();
}

实现效果：

(⊙o⊙)…这个微调css就好了