加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax表单提交

发布时间:2020-12-16 01:41:20 所属栏目:百科 来源:网络整理
导读:第一种方式 //表单提交 $(document) .ajaxStart( function () { // ajax提交前触发该事件,也就是添加按钮不可重复点击 $( "button:submit" ).addClass( "log-in" ).attr( "disabled" , true ); }) .ajaxStop( function () { // ajax提交后触发该事件,去除

第一种方式

//表单提交
        $(document)
            .ajaxStart(function(){// ajax提交前触发该事件,也就是添加按钮不可重复点击
                $("button:submit").addClass("log-in").attr("disabled",true);
            })
            .ajaxStop(function(){
    // ajax提交后触发该事件,去除不可点击属性 $("button:submit").removeClass("log-in").attr("disabled",false);
            });
// 表单提交
        $("form").submit(function(){
            var self = $(this);
            $.post(self.attr("action"),self.serialize(),success,"json");
            return false;

            function success(data){
                if(data.status){
                    window.location.href = data.url;
                } else {
                    self.find(".check-tips").text(data.info);
                    //刷新验证码
                    $(".reloadverify").click();
                }
            }
        });

注:如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性。serialize函数主要针对inputtextareaselectcheckbox等表单元素

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读