您的位置：首页 > 其它

关于AJAX请求时加入进度条

2015-12-16 16:37 246 查看

1、引入要显示的GIF图片

<img id="img" class="active" style="display:none" alt="" src="xxxxx/loading.gif"/>

这里class 选择了本地样式，若想自己编写样式，可用css自己编写。
2、获取这个GIF对象

<script type="text/javascript">
var img = $("#img");

</script>

3、发送请求前显示图片，完成请求后，隐藏图片

<script type="text/javascript">

var img = $("#img");
$.ajax({
type : "post",
url : "XXXXX",
data : data,
dataType : "json",
//显示图片
beforeSend:function(){
img.show().css({
"position": "fixed",
"top": "40%",
"left": "45%",
});
},
//隐藏图片
complete:function(){
img.hide();

} ,
success : function(data) {

//此处为ajax至此那个成功后
},

});
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 图片 ajax function position

相关文章推荐

新的分享

章节导航

关于AJAX请求时 加入 进度条

关于AJAX请求时加入进度条