Fork me on GitHub

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);
posted @ 2017-08-10 16:27  琥珀2016  阅读(154)  评论(0编辑  收藏  举报
Fork me on GitHub