js ajax 点击遮罩层,layer加载遮罩层使用 Ajax Loading Demo

Ajax Loading Demo

;!function(){

layer.config({//加载扩展模块

extend: 'extend/layer.ext.js'

});

layer.ready(function(){

});

}();

function ityzl_SHOW_LOAD_LAYER(){

return layer.msg('努力中...',{icon: 16,shade: [0.5,'#f5f5f5'],scrollbar: false,offset: '0px',time:100000}) ;

}

function ityzl_CLOSE_LOAD_LAYER(index){

layer.close(index);

}

function ityzl_SHOW_TIP_LAYER(){

layer.msg('恭喜您，加载完成！',{time: 1000,offset: '10px'});

}

$(function(){

$("#btnRequest").bind("click",function () {

var i ;

$.ajax({

type: "POST",dataType: "text",url: "admin/index.action",beforeSend: function () {

i = ityzl_SHOW_LOAD_LAYER();

},success: function (msg) {

ityzl_CLOSE_LOAD_LAYER(i);

ityzl_SHOW_TIP_LAYER();

},error: function (e,jqxhr,settings,exception) {

ityzl_CLOSE_LOAD_LAYER(i);

}

});

});

});

请求数据

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。