使⽤layui后的button提交，以及向后端传值问题
1.在使⽤layui-form之后我们往往会使⽤button进⾏数据的提交，在button中添加lay-submit lay-filter="*" 会绑定提交事件。
lay-submit⽆需填写值绑定触发提交的元素，如button
<button lay-submit lay-filter="*" class="layui-btn layui-btn-normal item-button">⽴即登录</button>
2.点击button后会触发提交事件，这时应该使⽤JavaScript处理，如：
<script>
layui.use(['form', 'layer'], function () {
var form = layui.form
, layer = layui.layer;    //表⽰加载此模块，相当于java中的new⼀个对象，会去执⾏空的构造⽅法；获得某个模块
var $ = layui.jquery  //取得layui中的jquery
//监听提交
<('submit(*)', function (data) {
console.log(data.field);
$.post('localhost:8088/login',data.field,function(r){
r = eval('('+r+')');
de=='200'){
location.href="www.baidu"
}else{
layer.ssage);
}
});
});
})
</script>
⽅法：layui.use([mods], callback)，表⽰加载所需模块，layui内置模块必须在该⽅法之后才会加载，mods ⾥⾯必须是⼀个合法的模块名，callback是⼀个回调函数。
语法：('event(过滤器值)'，callback)，表⽰form的监听事件，在本例中添加的是submit事件，*与html中button中的lay-
jquery是什么有什么作用filter="*"⼀致即可。
按钮点击或者表单被执⾏提交时触发，其中回调函数只有在验证全部通过后才会进⼊
data中存放了form中所有的数据，$.post('localhost:8088/login',data.field,function(r){}，采⽤post提交⽅法，第⼀个参数为后端的处理的接⼝，第⼆个参数为传输的数据，第三个参数是执⾏完成后的处理函数，函数中有参，代表传回的数据。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。