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>  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM