jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)

前言:
當jquery ajax在utf-8編碼下（頁面utf－8，接收utf-8），無任何問題。可以正常post、get，處理頁面直接擷取正確的內容。
但在以下情況下:
GBK -> AJAX POST ->GBK
UTF-8 -> AJAX POST ->GBK
後台代碼無法擷取正確的內容，通常表現為擷取到奇怪字元、問號。
經典解決方案：
1：發送頁面、接收頁面均採用UTF-8編碼。
2：發送頁面在調用ajax post方法之前，將含有中文內容的input用encodeURIComponent編碼一次，而接收頁面則調用解碼方法（ 如：java.net.urldecoder.decode("接收到內容","utf-8") ）。

其中，第一種方法無疑是最簡單、最直接，但往往不符合實際，因為很多項目並不是使用utf-8編碼，例如國內大部分使用gbk編碼，也不可能為瞭解決這樣一個問題，而將整個項目轉換為utf-8編碼，成本太大，風險太高。
第二方法，是現在最多人使用的方法，俗稱二次編碼，為什麼叫二次編碼，等下會解釋。用戶端編碼兩次，服務端解碼兩次。但這種方法不好的地方，就是前台手動編碼一次，後台再手動解碼一次，稍不留神就會忘記，而且代碼摻和前台邏輯。
互動過程：
當我們使用表單按照傳統方式post提交時候（非AJAX提交），瀏覽器會根據當前頁面編碼，encode一次，然後發送到服務端，服務端接收到表單，會自動dencode一次，通常這個過程是對程式是透明的，因此加上手動編碼、解碼，就變成上面所說的二次編碼。
但當我們使用AJAX方式提交時候，瀏覽器並不會自動替我們encode，因此在jquery中有這樣的一段代碼： 複製代碼 代碼如下:ajax: function( s ) {
// Extend the settings, but re-extend 's' so that it can be
// checked again later (in the test suite, specifically)
s = jQuery.extend(true, s, jQuery.extend(true, {}, jQuery.ajaxSettings, s));
var jsonp, jsre = /=?(&|$)/g, status, data,
type = s.type.toUpperCase();
// convert data if not already a string
if ( s.data && s.processData && typeof s.data !== "string" )
s.data = jQuery.param(s.data);
........
}

以上是jquery的ajax方法的程式碼片段，下面是正常調用jquery ajax post的代碼： 複製代碼 代碼如下:$.ajax({
url: ajaxurl,
type: 'POST',
dataType: 'html',
timeout: 20000,//逾時時間設定
data:para,//參數設定
success: function(html){
}
});

通過上面代碼可以知道，當設定了data時候，jquery內部會調用jQuery.param方法對參數encode（執行本應瀏覽器處理的encode）。 複製代碼 代碼如下:jQuery.param=function( a ) {
var s = [ ];
function add( key, value ){
s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(value);
};
// If an array was passed in, assume that it is an array
// of form elements
if ( jQuery.isArray(a) || a.jquery )
// Serialize the form elements
jQuery.each( a, function(){
add( this.name, this.value );
});
// Otherwise, assume that it's an object of key/value pairs
else
// Serialize the key/values
for ( var j in a )
// If the value is an array then the key names need to be repeated
if ( jQuery.isArray(a[j]) )
jQuery.each( a[j], function(){
add( j, this );
});
else
add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );
// Return the resulting serialization
return s.join("&").replace(/%20/g, "+");
}//jquery.param end

解決方案：

encodeURIComponent會以utf-8編碼，在gbk編碼下，可不可以以gbk進行編碼呢？

如果還在打encodeURIComponent主意的話，那不好意思，encodeURIComponent只會utf-8編碼，並沒有其他api進行其他編碼；不過，別擔心，看看下面：

encodeURIComponent，它是將中文、韓文等特殊字元轉換成utf-8格式的url編碼。

escape對0-255以外的unicode值進行編碼時輸出%u****格式，其它情況下escape，encodeURI，encodeURIComponent編碼結果相同。

哈哈，看到希望吧？沒錯，就是用escape代替encodeURIComponent方法，不過必須注意：

escape不編碼字元有69個：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURIComponent不編碼字元有71個：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

使用了escape之後必須對加號進行編碼，否則，當內容含有加號時候會被服務端翻譯為空白格。

終於知道解決辦法了，重寫jquery代碼：

複製代碼 代碼如下:jQuery.param=function( a ) {
var s = [ ];
var encode=function(str){
str=escape(str);
str=str.replace(/+/g,"%u002B");
return str;
};
function add( key, value ){
s[ s.length ] = encode(key) + '=' + encode(value);
};
// If an array was passed in, assume that it is an array
// of form elements
if ( jQuery.isArray(a) || a.jquery )
// Serialize the form elements
jQuery.each( a, function(){
add( this.name, this.value );
});
// Otherwise, assume that it's an object of key/value pairs
else
// Serialize the key/values
for ( var j in a )
// If the value is an array then the key names need to be repeated
if ( jQuery.isArray(a[j]) )
jQuery.each( a[j], function(){
add( j, this );
});
else
add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );
// Return the resulting serialization
return s.join("&").replace(/%20/g, "+");
}

上面那段代碼並不需要在jquery的源檔案重寫，可以在你項目的javascript貼上，覆蓋它原有的方法，不過必須在jquery載入之後。

經初步驗證，上面那段代碼在utf-8編碼也可以工作正常，大概是編碼成unicode的緣故吧。

這樣，就不是需要使用什麼二次編碼，即影響前台，又影響後台。gbk編碼下ajax post不再是問題了，此乃是終極解決方案。哈哈。

有興趣的可以到http://www.open-lib.com/Forum/Read_69_1.action與作者交流。