ajax表单提交

前端之家收集整理的这篇文章主要介绍了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函数主要针对input\textarea\select\checkBox等表单元素

原文链接:https://www.f2er.com/ajax/162312.html

猜你在找的Ajax相关文章