LayUI表单提交不走ajax原因

在使用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>  

 

posted @ 2019-02-13 14:46  暮雪超霸  阅读(2787)  评论(0编辑  收藏  举报