layui html模块化,终于搞懂了layui的模块化

这是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的内容：

layui.config({

base: '/static/js/'

}).use('index', function () {

var index = layui.index;

index.ajax('submit(formDemo)',"{:url('index')}");

// index.hello('Hello World');

});

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