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

创新互联拥有十年的建站服务经验，在此期间，我们发现较多的客户在挑选建站服务商前都非常的犹豫。主要问题集中：在无法预知自己的网站呈现的效果是什么样的？也无法判断选择的服务商设计出来的网页效果自己是否会满意？创新互联业务涵盖了互联网平台网站建设、移动平台网站制作、网络推广、定制网站建设等服务。创新互联网站开发公司本着不拘一格的网站视觉设计和网站开发技术相结合，为企业做网站提供成熟的网站设计方案。

在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://lswzjz.com/article/dghssh.html