jqueryform插件ajaxsubmit()的使用问题_jquery.form.js中ajaxsubmit不是一个方法-CSDN博客

jquery form是一个表单异步提交的插件，可以很容易提交表单，设置表单提交的参数
html部分

<body>
    <form id="sub-form" method="post">
        <h1>超市网店</h1>
        <span class="log"></span>
        <div class="login">
            账号：<input type="text" class="username" name="username"><br><br>
            密码：<input type="password" class="pwd" name="pwd"><br><br>
            <input type="submit" id="sub" value="登陆">
            <div class="tips">

            </div>
        </div>
    </form>
</body>

js代码：

<script src="../../public/static/js/jquery.min.js"></script>
<script src="../../public/static/js/jquery.form.min.js"></script>
//首先导入jquery
 var $form=$("#sub-form")
 //获取表单
 /*当表单提交时，发送一个异步的提交
  *拿到返回的数据并显示登录成功
  *需要注意在submit事件中要return false
  *否则会自动提交表单，而不会异步提交
	*/
    $form.submit(function(){
        var $btn_submit = $('#sub');
        $btn_submit.attr("disabled",true);
       	$form.ajaxSubmit({
            type: "post",
            dataType: "json",
            url: "<?=url('login/loginController')?>",
            success: function (result) {
                $btn_submit.attr('disabled', false);
                var tip = $(".tips");
                if (result.code == 1) {
                    tip.text(result.msg).css("display", "block");
                    setTimeout(function () {
                        window.location = result.url;
                    }, 1000);
                    return true;
                } else {
                    $btn_submit.attr('disabled', true);
                    tip.text(result.msg).css("display", "block");
                    alert(result.url)
                    setTimeout(function(){window.location = result.url;},1000);
                }
            }
        });
        return false;
    })

public function loginController(){
        $login = new User();//实例化
        $index= $login->query();//查询并验证
        if(request()->param("username")==$index[0]->tp_user_name and request()->param("pwd")==$index[0]->tp_user_pwd){
           $url=url("/index");//
           session('name',request()->param("username"));//登录成功
           Cookie::set('name',request()->param("username"), 30);
           //return json(Cookie::get('name'));
           return json(["code"=>"1","url"=>"$url","msg"=>"登陆成功"]);//使用json返回登陆信息
           }else{
              $url_end=url("/");
              return json(["code"=>"0","url"=>"$url_end","msg"=>"登陆失败"]);//跳转回登录页
           };
    }
//后端代码

ajaxsubmit使用
ajaxSubmit({
	type(请求类型)，
	dataType:(提交数据类型)，
	url:(提交地址)，
	success:(提交成功之后的操作)
})