jsp页面中要引入jquery-ui-jqLoding.js文件,才可以用这个加载进度条,自行百度下载哈~~
假设你的页面中已经引入了该js文件,当你用ajax方式提交数据的时候,万一响应时间有点长,可以用这个插件,这样用户体验不会太差。js代码如下:
var fd = new FormData(document.getElementById("testForm"));
var excelFile = $('#upfile').val();
if(excelFile != null && excelFile != ''){
//打开遮罩层
$.fn.jqLoading({ height: 90, width: 245, text: "保存中,请耐心等待..." });
$.ajax({
url: "test/importExcel.do",
type: "POST",
data: fd,
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
dataType : "json",
success : function(msg) {
//关闭遮罩层 (在回调函数中关闭)
$.fn.jqLoading("destroy");
$.alert(msg.msg, '提示');
}
});
} else{
$.alert("请选择文件",'提示');
//关闭遮罩层
$.fn.jqLoading("destroy");
} //else
示例借鉴地址: jqLoding