快捷導(dǎo)航

JQuery.ajax傳遞中文參數(shù)的解決方法推薦

更新時(shí)間：2011年03月28日 22:21:27 作者：

許多人在使用JQuery.ajax方法時(shí)肯定會(huì)遇到一個(gè)問(wèn)題。在編碼不是UTF-8的時(shí)候，當(dāng)傳遞的參數(shù)里有中文的時(shí)候，服務(wù)端Request的時(shí)候都會(huì)出現(xiàn)亂碼。

本人最近也遇到了需要傳遞中文參數(shù)的問(wèn)題。在網(wǎng)上搜索一下，復(fù)制粘貼發(fā)的到處都是的“終極”“解決方案”無(wú)非就是escape(str)來(lái)轉(zhuǎn)碼，然后在服務(wù)端還要寫個(gè)方法再編輯一次，或用System.Text.Encoding下的方法來(lái)?yè)Q來(lái)?yè)Q去。

我很久以前一直在使用Prototype框架。在.net-GB2312或jsp-utf8下都使用過(guò)，從來(lái)沒(méi)遇到有字符編碼的問(wèn)題。于是將Prototype和JQuery代碼都下載下來(lái)打開(kāi)研究原因。

不同之處在于JQuery默認(rèn)的contentType:application/x-www-form-urlencoded

而Prototype則是contentType:application/x-www-form-urlencoded; charset=UTF-8

這才是JQuery正在亂碼的原因，在未指定字符集的時(shí)候，是使用ISO-8859-1

ISO8859-1，通常叫做Latin-1。Latin-1包括了書寫所有西方歐洲語(yǔ)言不可缺少的附加字符。

JQuery的Ajax根本沒(méi)有考慮到國(guó)際化的問(wèn)題，使用了歐洲的字符集，所以才引起了傳遞中文出現(xiàn)亂碼的問(wèn)題。

而我們的UTF-8則可以解決這一問(wèn)題。

最終指需要修改JQuery的代碼，顯式聲明contentType使用utf-8字符集，即可解決GB2312中文傳遞的問(wèn)題。

只需要簡(jiǎn)單的將JQuery的代碼加以修改，加上charset=UTF-8就可以了，這樣不需要改變改什么web.config或什么在頁(yè)面中改編碼什么的了，也不需要用escapc(str)再在服務(wù)端解碼。英文怎么傳遞，中文也怎么傳遞。

給段簡(jiǎn)單的代碼測(cè)試一下：

test.html:

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title></title> 
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function DoAjax(){ 
$.post("AjaxTest.aspx",{txt:$("#tbox1").val()}, 
function(data){ 
$("#AjaxResponse").text(data); 
} 
); 
} 
</script> 
</head> 

<body> 
<p><a href="javascript:DoAjax();">AjaxTest</a><input name="tbox1" id="tbox1" type="text" /></p> 
<div id="AjaxResponse"></div> 
</body> 
</html> 

AjaxTest.aspx:

復(fù)制代碼代碼如下:

 
<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %> 
<script runat="server"> 
string parms; 

void Page_Load(object sender , EventArgs e) 
{ 
parms=Request["txt"]; 
if (String.IsNullOrEmpty(parms)){ 
Response.Write("Is Null"); 
}else{ 
Response.Write(parms); 
} 
} 
</script> 

您可能感興趣的文章: