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

Ajax两张表单一起上传

发布时间:2020-12-16 01:57:13 所属栏目:百科 来源:网络整理
导读:现在A表单和B表单, java form id = "Aform" ······ / form form id = "Bform" ······ / form 目的是Ajax上传时合并两张form的数据,再上传;很明显,这应该在JS部分进行操作 java var formA = $( "#Aform" ).serializeJson(); var formB = $( "

现在A表单和B表单,

java
<form id="Aform">
    ······
</form>
<form id="Bform">
    ······
</form>

目的是Ajax上传时合并两张form的数据,再上传;很明显,这应该在JS部分进行操作

java

var formA = $("#Aform").serializeJson();
var formB = $("#Bform").serializeJson();

$.ajax({
    ······
    data:$.extend({},formA,formB),······
});


//form数据转为{name : xx,value : xxx ······}格式
$.fn.serializeJson=function(){ 
    var serializeObj={}; // 目标对象 
    var array=this.serializeArray(); // 转换数组格式 
    // var str=this.serialize(); 
    $(array).each(function(){ // 遍历数组的每个元素 {name : xx,value : xxx} 
            if(serializeObj[this.name]){ // 判断对象中是否已经存在 name,如果存在name 
                  if($.isArray(serializeObj[this.name])){ 
                         serializeObj[this.name].push(this.value); // 追加一个值 hobby : ['音乐','体育'] 
                  }else{ 
                          // 将元素变为 数组 ,hobby : ['音乐','体育'] 
                          serializeObj[this.name]=[serializeObj[this.name],this.value]; 
                  } 
            }else{ 
                    serializeObj[this.name]=this.value; // 如果元素name不存在,添加一个属性 name:value 
            } 
    }); 
    return serializeObj; 
};

(编辑:李大同)

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

    推荐文章
      热点阅读