這是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框架測試的，確實模塊化后代碼通用性高了，記下來不會忘記了！

總結

以上是生活随笔為你收集整理的layui html模块化,终于搞懂了layui的模块化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。