jqLoading加载进度条使用

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值