LayUI表单提交不走ajax原因

最新推荐文章于 2023-01-22 17:00:32 发布

暮雪超霸

最新推荐文章于 2023-01-22 17:00:32 发布

阅读量198

点赞数

文章标签： ajax jquery ssis jsonp autocomplete

本文链接：https://blog.csdn.net/weixin_44311802/article/details/118565130

版权

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