layer.msg 添加在Ajax之前 显示进度条。

一、使用方法：
1）必须先引入jQuery1.8或以上版本

<script src="jQuery的路径"></script>
<script src="layer.js的路径"></script>

　2）定义函数

1)参数： icon: 16, //代表加载的图标time: 0, //0秒关闭（如果不配置，默认是3秒）shade: 0.5 //类型：String/Array/Boolean，默认：0.3即弹层外区域。默认是0.3透明度的黑色背景（'#000'）。//如果你想定义别的颜色，可以shade: [0.8, '#393D49']；如果你不想显示遮罩，可以shade: 0

/**
 * 查询过程显示的进度条
 * layer:固定参数；
 * text：定义到页面上的显示信息.例如：text='正在查询中。。'
 */
// 显示正在查询的转态
var text='正在加载中。。'
function showLoading(layer,text)
{
	layer.msg(text, {
		  icon: 16, //代表加载的图标
		  time: 0,  //0秒关闭（如果不配置，默认是3秒）
		  shade: 0.5 	});
// 查询结果后隐藏状态
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);

 

转载于:https://www.cnblogs.com/fjs3/p/7340005.html