在使用layui的时候。遇到一个问题。提交表单,没有走ajax,直接提交了表单页面。
原因是因为JQuery未引入
解决办法。引入JQuery或者使用layui自带Jquery
var $ = layui.jquery; 也可以直接引入官方的Jquery来和平常一样使用
<script type="text/javascript"> layui.extend({ admin: '{/}./js/admin' }); layui.use(['form','admin','jquery'], function(){ var $ = layui.jquery; var form = layui.form ,admin = layui.admin; form.on('submit(loginUser)', function(data){ $.ajax({ url:"./loginUser", type:"post", data:data.field, dataType:"json", success:function (datas) { alert(1); if (datas.msg=="index"){ layer.msg('登录成功', function(){ //do something // location.href='./index' }); } else { layer.msg('登录失败,请检查账号密码是否正确'); } } }); return false; }); }); </script>