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>  
    一万年太久,只争朝夕!
  • 相关阅读:
    phpdocumentor生成代码注释文档(linux)
    phpstorm扩展
    es教程
    康威定律
    k8s
    tidb调研
    netty 在线教程
    McQueenRPC源码阅读
    DIY一些基于netty的开源框架
    性能测试
  • 原文地址:https://www.cnblogs.com/chaoba/p/10369782.html
Copyright © 2011-2022 走看看