189 8069 5689

ajax中怎么提交加载进度条

这篇文章将为大家详细讲解有关ajax中怎么提交加载进度条,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为邹城企业提供专业的成都网站建设、网站制作,邹城网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。


在jsp页面中加入

样式

复制代码 代码如下:


.progress{z-index: 2000}
.mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 1000; background-color: #2F2F2F}


节点

复制代码 代码如下:




js

复制代码 代码如下:


var img = $("#progressImgage");
var mask = $("#maskOfProgressImage");

复制代码 代码如下:


$.ajax({
url:url,
type:"post",
dataType:"json",
data:data,
beforeSend:function(xhr){
img.show().css({
"position": "fixed",
"top": "40%",
"left": "45%",
"margin-top": function () { return -1 * img.height() / 2; },
"margin-left": function () { return -1 * img.width() / 2; }
});
mask.show().css("opacity", "0.1");
},
success:function(result){
doSuccess()
},
complete:function(xhr){
img.hide();
mask.hide();

}
});

关于ajax中怎么提交加载进度条就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


文章题目:ajax中怎么提交加载进度条
URL链接:http://cdxtjz.cn/article/ijchcj.html

其他资讯