表单异步提交

最新推荐文章于 2022-06-14 16:18:52 发布

JAVA坚守者

最新推荐文章于 2022-06-14 16:18:52 发布

阅读量67

点赞数

分类专栏： jQuery 文章标签： ajaxSubmit

本文链接：https://blog.csdn.net/lihaiming_2008/article/details/84692912

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

表单提交方式：


//ajaxSubmit
var options ={   
                    url:'xxxx.action',   
                    type:'post',                    
                    data:null,
                      success:function(data){
                        if(data.statusCode=="OK") {  


                    }else{

                    } 
                    }   
                 };
               var form =$("form[name=form1]");//form1:表单ID  在表单界面只用这一个表单ID

              form.ajaxSubmit(options); 
//ajax方式
$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$('#yourformid').serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#commonLayout_appcreshi").parent().html(data);
                }
            });
//可以用load来post 整个form，用serialArray(),如： 
$('#submit_button').click(function(event) {

$(this.form).load(
this.form.action,
$(this.form).serializeArray());

event.preventDefault();
this.disabled = "disabled";
});