ajax等待请求

最新推荐文章于 2022-07-07 13:30:18 发布

weixin_30752377

最新推荐文章于 2022-07-07 13:30:18 发布

阅读量113

点赞数

原文链接：http://www.cnblogs.com/rdscfh/p/7648901.html

版权

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();
}