Maison > interface Web > js tutoriel > form表单提交数据问题

form表单提交数据问题

巴扎黑
Libérer: 2016-12-19 14:26:38
original
1633 Les gens l'ont consulté

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字符串传到后台即可! 

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal