form表单提交数据问题
程序员文章站
2022-04-21 08:24:05
...
form表单提交数据问题说难不难,但处理不好,也会变难!
javascript已经封装好的一个方法是serialize(),但这个方法是将表单数据加载成 key1=value1&key2=value2&... 这种格式大家都知道不是Json格式,且这种格式的数据传到后台 JSONObject.parseObject() 是解析不了的!!!
所以为了方便使用JSONObject将前台传来的数据转成java对象,笔者更喜欢用下面这种方式:
$.fn.serializeJson=function(){
var serializeObj={};
var array=this.serializeArray();
var str=this.serialize();
$(array).each(function(){
if(serializeObj[this.name]){ //这个判断主要是针对复选框 等多选的
if($.isArray(serializeObj[this.name])){
if(this.value){ // 复选框第二个之后的选项有值 [ 除空字符串、null、undefinded ] 才会进入
serializeObj[this.name].push(this.value);
}
}else{
if(this.value){ // 复选框第二个被选项有值 [ 除空字符串、null、undefinded ] 才会进入
serializeObj[this.name]=[serializeObj[this.name],this.value];
}
}
}else{
serializeObj[this.name]=this.value;
}
});
return serializeObj;
};
这是将form表单数据序列化成json对象,然后再用 JSON.stringify() 就会将json对象转成json字符串传到后台即可!
javascript已经封装好的一个方法是serialize(),但这个方法是将表单数据加载成 key1=value1&key2=value2&... 这种格式大家都知道不是Json格式,且这种格式的数据传到后台 JSONObject.parseObject() 是解析不了的!!!
所以为了方便使用JSONObject将前台传来的数据转成java对象,笔者更喜欢用下面这种方式:
$.fn.serializeJson=function(){
var serializeObj={};
var array=this.serializeArray();
var str=this.serialize();
$(array).each(function(){
if(serializeObj[this.name]){ //这个判断主要是针对复选框 等多选的
if($.isArray(serializeObj[this.name])){
if(this.value){ // 复选框第二个之后的选项有值 [ 除空字符串、null、undefinded ] 才会进入
serializeObj[this.name].push(this.value);
}
}else{
if(this.value){ // 复选框第二个被选项有值 [ 除空字符串、null、undefinded ] 才会进入
serializeObj[this.name]=[serializeObj[this.name],this.value];
}
}
}else{
serializeObj[this.name]=this.value;
}
});
return serializeObj;
};
这是将form表单数据序列化成json对象,然后再用 JSON.stringify() 就会将json对象转成json字符串传到后台即可!
上一篇: 基于PHP的AJAX技术的具体应用解析
下一篇: php读取xml的类