jquery 提交中文乱码问题

最新推荐文章于 2021-04-09 17:31:19 发布

最新推荐文章于 2021-04-09 17:31:19 发布 · 158 阅读

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用AJAX将表单数据序列化，并通过设置contentType参数来确保数据以UTF-8编码发送至服务器。同时讨论了在服务器端正确解析这些数据的方法，以及在GBK编码环境下防止数据乱码的策略。


 var params_= $("#form1").serialize();
 $.ajax({
type:'post',

contentType: "application/x-www-form-urlencoded; charset=UTF-8",             
 dataType:"html",
				url:baseURL+'/saveContractBasicInfo.do?submit=Y&skipMode=jsp'+extraParam,//+'&'+decodeURI(params_),
								data:decodeURI(params_),					processData:false,
								success:function(data, textStatus){
									//alert(data);
									    if(data.indexOf("submitInSign")!=-1){
									    								  submitSign();
									    }else{
								            Ext.MessageBox.alert( '提示','失败，出错');

								         }       

								     },
								error:function(){
									//alert("ff");
									    Ext.MessageBox.alert( '提示','失败，出错');
						              								    }
							    });

[quote]
contentType String
Default: 'application/x-www-form-urlencoded'
When sending data to the server, use this content-type. Default is "application/x-www-form-urlencoded", which is fine for most cases. If you explicitly pass in a content-type to $.ajax() then it'll always be sent to the server (even if no data is sent). Data will always be transmitted to the server using UTF-8 charset; you must decode this appropriately on the server side.

[/quote]
[url=http://api.jquery.com/jQuery.ajax/]jquery 官方 API[/url]

$("#form1").serialize(); 把表单序列化成 par=value&par2=value2
decodeURI(params_)解码，因为serialize编码一次用utf-8，所以要解码一次

contentType: "application/x-www-form-urlencoded; charset=UTF-8", 即加上这个参数后，无论是否有数据，都会编码一次

processData:false 表示在处理传送数据到服务器时，不用编码处理了

就这样，后台服务端是GBK编码的，就不会乱码了，

之前，我尝试用下面的配置，还是乱码
contentType: "application/x-www-form-urlencoded; charset=GBK",
processData:true, 默认为true,我没填

总结分析：
我猜想 contentType 参数使用说明，无论怎么样，jquery都是用utf-8编码的，
加上这个，就是告诉服务端，要自动解码用utf-8，
其实我上面的，decodeURI 不用解码一次，反正，传递数据时，也编码了。