zoukankan      html  css  js  c++  java
  • 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>  
    一万年太久,只争朝夕!
  • 相关阅读:
    XML介绍
    JavaScript基础
    pygame模块参数汇总(python游戏编程)
    CSS3
    CSS( Cascading Style Sheets )简书
    HTML5
    用python进行应用程序自动化测试(uiautomation)
    HTML入门
    Selenium2 (python)
    C#快速入门
  • 原文地址:https://www.cnblogs.com/chaoba/p/10369782.html
Copyright © 2011-2022 走看看