获取到整个form表单数据,使用Ajax将其提交给后台

本文介绍了一种使用封装的Ajax方法优化表单提交流程的技术。通过自定义的ajaxgoform函数,可以实现对form表单数据的异步提交,并能够处理包括文件上传在内的多种数据类型。该方法不仅简化了代码,还提高了表单提交的效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用方式

$("#regBtn").click(function(){

     //封好的提交方法(1,form表单id,)

    ajaxgoform($("#form"),"{:url('reg/reuser')}",function(data){

              if(data.code==200){

                      console.log("成立");

                  }else{

                      console.log("失败");

                   }

    });

});

封装的方法   tagName(获取当前标签名)  new FormData(form_id) 获取当前form表单里所有的name属性和value属性

function ajaxgoform($id,$url,$success,$error){

      if($id.get(0).tagName=="FORM"){

           $id.attr("enctype","multipart/form-data");

           var $data = new FormData($id[0]);

           $.ajax({

                url:$url,

                type:"post",

                cache:false,

                async:false,

                data:$data,

                processData:false,

                contentType:false,

                success:$success,

                error:$error

            });

      }

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值