jqLoading加载进度条使用

来源：互联网发布：智能软件市场推广编辑：程序博客网时间：2024/05/20 06:25

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