ajax使用serialize()序列化提交

form 表单使用.serialize()序列化后会出现中文乱码的问题

原因：

.serialize()自动调用了encodeURIComponent方法将数据编码了 
解决方法：

调用decodeURIComponent(XXX,true);将数据解码 
例如： 

var information=$("#inforForm").serialize(),

　　informationDe= decodeURIComponent(information,true),  //解码

　　informationEn= encodeURI(encodeURI(informationDe));   //再次编码

后台

String paramsTrans = new String(params.getBytes("ISO-8859-1"),"UTF-8");

params = java.net.URLDecoder.decode(paramsTrans , "UTF-8");

页面端发出的数据作两次encodeURI，这个做的好处在于，不管浏览器用户在页面来设置编码，服务器所采用的编码来做一次URLencode转换成UTF-8

 

.serialize()值转化为json格式

.serialize()序列化之后的传值是

　　a=1&b=2&c=3

这种样式，实际使用中还是json比较方便

//转化为json
function strToObj(str){ 

　　str = str.replace(/&/g,"','"); 

　　str = str.replace(/=/g,"':'"); 

　　str = "({'"+str +"'})"; 

　　obj = eval(str); 

　　return obj; 

}

 

ajax取值后自动赋值给span

function inquireInfor(){

　　var information=$("#inforForm").serialize(),

　　　　//解码

　　　　informationDe = decodeURIComponent(information,true),

　　　　informationDeJson=strToObj(informationDe),

　　 　 inforSpan=$("#inforDiv span");



　　var len = inforSpan.size();//获取span标签的个数

　　var arr = [];

　　var result=eval(informationDeJson);

　　for(var index = 0; index < len-1; index++){//创建一个数字数组

　　　　arr[index] = index;

　　}

　　$.each(arr, function(i){//循环得到不同的id的值

　　　　var idValue = inforSpan.eq(i).attr("id");

　　　　if(idValue != ''){　　　　　　

　　　　　　$('span'+'#'+idValue).html(result[idValue]); 　//根据ID从传值的json里面取值　　　
　　　　} 　　
　　}); 
}