layer插件loading快速应用示例

Posted zhaow

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layer插件loading快速应用示例相关的知识,希望对你有一定的参考价值。

1、页面引用
<link rel="stylesheet" href="../Js/layer/skin/layer.css"  />
<script type="text/javascript" src="../Js/layer/layer.js"></script>

2、ajax请求中应用
<script type="text/javascript">
var loadingFlag;
$.ajax({
    url: "../FlightHandler/JDFlightHandler.ashx",
    type: "post",
    data: info,
    dataType: "text",
    beforeSend: function (XMLHttpRequest) {
        //注意,layer.msg默认3秒自动关闭,如果数据加载耗时比较长,需要设置time
        loadingFlag= layer.msg(‘正在读取数据,请稍候……‘, { icon: 16, shade: 0.01,shadeClose:false,time:60000 });
    },
    success: function (data) {
    
            layer.close(loadingFlag);
    },
    complete: function (XMLHttpRequest, textStatus) {

    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {

    }
});
</script>

参考:
http://www.layui.com/doc/modules/layer.html
http://blog.csdn.net/responsecool/article/details/50506736

以上是关于layer插件loading快速应用示例的主要内容,如果未能解决你的问题,请参考以下文章

layer.load的使用

Openlayers示例12 | Change Tile Layer Style

vue-router 快速入门

layer+zTree实现弹出框+树形图

layer插件使用教程初步

使用 .aar 模块的 Flutter 插件在示例应用程序中构建和运行良好,但无法在其他应用程序中构建