终于搞懂了layui的模块化

最新推荐文章于 2023-10-16 20:23:14 发布

9iPHP

最新推荐文章于 2023-10-16 20:23:14 发布

阅读量3.5k

点赞数 1

分类专栏： PHP 文章标签： layui php

本文链接：https://blog.csdn.net/cjl2019168/article/details/99694346

版权

PHP 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这是index.js文件内容：
layui.define(['form','layer','element'],function(exports){
    var $ = layui.$;
    var form = layui.form;
    var layer = layui.layer;
    var element = layui.element;

    var objList = {
        ajax:function(filter,url){
            form.on(filter,function(data){
                $.ajax({
                    url:url,
                    data:data.field,
                    type:'post',
                    dataType:'json',
                    success:function(result){
                        if(result.status==0){
                            layer.msg(result.msg);
                        }
                    }
                });
                return false;
            });
        },
        hello:function(str){
            $('#btn').click(function(){
                layer.msg(str);
            });
        }
    };
    exports('index',objList);
});

这是index.html的内容：
    <script>
        layui.config({
            base: '/static/js/'
        }).use('index', function () {
            var index = layui.index;
            index.ajax('submit(formDemo)',"{:url('index')}");
            // index.hello('Hello World');
        });
    </script>

接收数据我是用TP框架测试的，确实模块化后代码通用性高了，记下来不会忘记了！

视频地址：https://www.ixigua.com/6726329174648160269/