快捷導(dǎo)航

JS解決url傳值出現(xiàn)中文亂碼的另類辦法

更新時(shí)間：2013年04月08日 15:25:08 作者：

為什么用表單的方式就可以傳遞中文，而URL的方式就不行了呢？非得用URL傳值的方式才能解決問題嗎？這里我想到了動(dòng)態(tài)表單，何不用它來解決呢

在開發(fā)web應(yīng)用時(shí)，很多情況都需要進(jìn)行前后臺(tái)的數(shù)據(jù)交互，有時(shí)候我們可能需要把前臺(tái)的中文數(shù)據(jù)通過URL的方式傳遞到后臺(tái)，但此時(shí)有個(gè)令人頭疼的問題，因?yàn)镴ava中網(wǎng)絡(luò)傳輸使用的標(biāo)準(zhǔn)字符集是ISO-8859-1，所以在后臺(tái)用request.getParameter("message");獲取前臺(tái)傳過來的中文時(shí)，得到的還是ISO-8859-1字符集，中文就會(huì)出現(xiàn)亂碼現(xiàn)象，好多人的解決辦法是在前臺(tái)傳遞中文之前進(jìn)行decode，后臺(tái)再decode一下進(jìn)行轉(zhuǎn)換，這樣感覺很是麻煩，難道就沒其他的方式解決嗎？

苦思冥想了一下：為什么用表單的方式就可以傳遞中文，而URL的方式就不行了呢？非得用URL傳值的方式才能解決問題嗎？這里我想到了動(dòng)態(tài)表單，何不用它來解決呢，示例如下：

假設(shè)有如下應(yīng)用場(chǎng)景：KPI列表頁(yè)面中，對(duì)每個(gè)KPI都有生成預(yù)警數(shù)據(jù)的功能，當(dāng)點(diǎn)擊列表中每個(gè)KPI生成數(shù)據(jù)的按鈕時(shí)，需要把KPI的id和name傳遞到后臺(tái)。

前端對(duì)應(yīng)的js方法：

用URL傳值的寫法：

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

function createData(indexId,indexName){
window.location.href="catalogAction.do?action=CreateIndexData&catalogId="+indexId+"&catalogName="+indexName+"&random="+Math.random();

}

用這種方法，由于KPI名稱大多為中文，在后臺(tái)接收到的值肯定為亂碼。

若用動(dòng)態(tài)生成表單的方式就可以解決：

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

function createData(indexId,indexName){
               var urlStr =  "catalogAction.do?action=CreateIndexData&PcatalogId=<c:out value='${catalogId}'/>&catalogId="+indexId+"&random="+Math.random();
               var f= document.createElement('form');
               f.action = urlStr;
               f.method = 'post';
               document.body.appendChild(f);
               var temp=document.createElement('input');
               temp.type= 'hidden';
               temp.value=indexName; 
               temp.name='catalogName';
               f.appendChild(temp);
               f.submit();
}

對(duì)中文字段用form的方式提交過去，不是中文的仍然用URL傳，這樣就輕松解決了向后臺(tái)傳遞中文出現(xiàn)亂碼的情況。

您可能感興趣的文章: