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