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;
};
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |