關(guān)于JS的編碼轉(zhuǎn)換問題-創(chuàng)新互聯(lián)

在進(jìn)行JS開發(fā)過程中，尤其是在開發(fā)報表時，報表已集成到Web頁面中，通過在頁面?zhèn)鬟f參數(shù)至報表中時，會發(fā)現(xiàn)有時某些參數(shù)值，傳遞到報表中是顯示為問號或亂碼等等一系列不能正常顯示的情況。

葫蘆島網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),葫蘆島網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為葫蘆島數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的葫蘆島做網(wǎng)站的公司定做！

這是由于瀏覽器和報表服務(wù)器的編碼不同，字符多次進(jìn)行編碼轉(zhuǎn)換時出現(xiàn)錯誤導(dǎo)致字符的顯示出現(xiàn)亂碼，尤其是中日韓文和特殊字符更容易出現(xiàn)亂碼問題。

以開發(fā)報表軟件FineReport為例，在給報表服務(wù)器發(fā)送請求之前，對URL或者只對URL里面的參數(shù)名字和參數(shù)值，進(jìn)行cjkEncode的編碼，該方式兼容了各種不同的字符集，如ISO8859-1、 UTF-8、 GBK、 ENU_JP，尤其對中日韓文的處理采取了統(tǒng)一的方案。

javascript中FineReport字符轉(zhuǎn)換原理

在給報表服務(wù)器發(fā)送請求之前，對URL或者只對URL里面的參數(shù)名字和參數(shù)值，進(jìn)行cjkEncode的編碼。源碼如下：

function cjkEncode(text) {     
	if (text == null) {     
		return "";     
	}     
	var newText = "";     
	for (var i = 0; i < text.length; i++) {     
		var code = text.charCodeAt (i);      
		if (code >= 128 || code == 91 || code == 93) {//91 is "[", 93 is "]".     
			newText += "[" + code.toString(16) + "]";     
		} else {     
			newText += text.charAt(i);     
		}     
	}     
	return newText;     
}

經(jīng)過編碼的URL或者Form表單，報表服務(wù)器智能的將這些字符正確的轉(zhuǎn)換過來。

cjkEncode方法在FineReport的JS庫中已經(jīng)預(yù)先提供了，用戶只要加載了FR的JS庫，就可以使用FR.cjkEncode對中日韓文字符進(jìn)行encode，如下示例：

1、對URL進(jìn)行cjkEncode

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script type="text/javascript"	src="ReportServer?op=emb&resource=finereport.js"></script>
<Script Language="JavaScript">             
function frOpen() {   
	window.location=FR.cjkEncode("http://localhost:8075/WebReport/ReportServer?reportlet=doc/Primary/Parameter/Parameter.cpt&地區(qū)=華東");       
}       
</Script>
</head>
<body>
<input type="button" value="字符轉(zhuǎn)換1" onclick="frOpen()">
</body>
</html>

如果只對參數(shù)值進(jìn)行編輯轉(zhuǎn)換，在參數(shù)后面調(diào)用FR.cjkEncode()方法，如：

window.location="http://localhost:8075/WebReport/ReportServer?reportlet=reportname.cptname="+FR.cjkEncode("華東");

2、對Form表單進(jìn)行cjkEncode

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<script type="text/javascript" src="/WebReport/ReportServer?op=emb&resource=finereport.js"></script>
<script>
function autoSubmit() {
	var Region1 = document.getElementById('Region');     //獲取到參數(shù)Region所在文本框
	Region1.value = FR.cjkEncode(Region.value);         //對值參數(shù)值進(jìn)行編碼轉(zhuǎn)化
	Region1.name = FR.cjkEncode("地區(qū)");               //對參數(shù)控件名編碼轉(zhuǎn)換，如果參數(shù)名字為英文，則不需要此操作
	document.FRform.submit();
}
</script>
<body>
<form name=FRform method=post action="/WebReport/ReportServer?reportlet=doc/Primary/Parameter/Parameter.cpt">
<input type="text" id="Region" name="地區(qū)" value="華東">
<input type="button" name="show" value= "查看" onclick="autoSubmit()"/>
</body>
</html>

3、特殊符號處理

如果在需要進(jìn)行cjkEncode的URI的參數(shù)中包含特殊字符，比如%，#，$，=，&，/，?，+，@等字符時，需要在cjkEncode之后，再次調(diào)用javascript的encodeURIComponent對這些特殊字符進(jìn)行編碼。如參數(shù)值是”%華%“這樣的字符，就需要寫成encodeURIComponent(FR.cjkEncode("%華%"))，一定要先進(jìn)行cjkEncode，然后再進(jìn)行encodeURIComponent，完整代碼如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script type="text/javascript"	src="ReportServer?op=emb&resource=finereport.js"></script>
<Script Language="JavaScript">             
function frOpen() {   
window.location=FR.cjkEncode("http://localhost:8075/WebReport/ReportServer?reportlet=doc/Primary/Parameter/Parameter.cpt&地區(qū)=") +encodeURIComponent(FR.cjkEncode("%華%"));      
	}       
</Script>
</head>
<body>
<input type="button" value="字符轉(zhuǎn)換1" onclick="frOpen()">
</body>
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站標(biāo)題：關(guān)于JS的編碼轉(zhuǎn)換問題-創(chuàng)新互聯(lián)
文章位置：http://muchs.cn/article32/dsiepc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、軟件開發(fā)、虛擬主機、靜態(tài)網(wǎng)站、做網(wǎng)站、用戶體驗

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容