layer.msg 添加在Ajax之前 显示进度条。
一、使用方法:
1)必须先引入jQuery1.8或以上版本
<script src="jQuery的路径"></script> <script src="layer.js的路径"></script>
2)定义函数
/** * 查询过程显示的进度条 * layer:固定参数; * text:定义到页面上的显示信息.例如:text='正在查询中。。' */ // 显示正在查询的转态
var text='正在加载中。。' function showLoading(layer,text) { layer.msg(text, { icon: 16, //代表加载的图标 time: 0, //0秒关闭(如果不配置,默认是3秒) shade: 0.5 //类型:String/Array/Boolean,默认:0.3即弹层外区域。默认是0.3透明度的黑色背景('#000')。
//如果你想定义别的颜色,可以shade: [0.8, '#393D49'];如果你不想显示遮罩,可以shade: 0
}); } // 查询结果后隐藏状态 function hideLoading() { window.layer.closeAll(); }
二、和ajax使用
setTimeout(function() { $.ajax({ type:"POST", url:"sanalysis.do?method=doSearch", dataType:"json", contentType: "application/x-www-form-urlencoded; charset=utf-8", async:false, data:dataV, success:function(msg)
{ //回调函数回来 } }); hideLoading(); }, 1000);