关于JS的编码转换问题

在进行JS开发过程中，尤其是在开发报表时，报表已集成到Web页面中，通过在页面传递参数至报表中时，会发现有时某些参数值，传递到报表中是显示为问号或乱码等等一系列不能正常显示的情况。

这是由于浏览器和报表服务器的编码不同，字符多次进行编码转换时出现错误导致字符的显示出现乱码，尤其是中日韩文和特殊字符更容易出现乱码问题。

以开发报表软件FineReport为例，在给报表服务器发送请求之前，对URL或者只对URL里面的参数名字和参数值，进行cjkEncode的编码，该方式兼容了各种不同的字符集，如ISO8859-1、 UTF-8、 GBK、 ENU_JP，尤其对中日韩文的处理采取了统一的方案。

javascript中FineReport字符转换原理

在给报表服务器发送请求之前，对URL或者只对URL里面的参数名字和参数值，进行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;
}

经过编码的URL或者Form表单，报表服务器智能的将这些字符正确的转换过来。

cjkEncode方法在FineReport的JS库中已经预先提供了，用户只要加载了FR的JS库，就可以使用FR.cjkEncode对中日韩文字符进行encode，如下示例：

1、对URL进行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&地区=华东");
}
</Script>
</head>
<body>
<input type="button" value="字符转换1" onclick="frOpen()">
</body>
</html>

如果只对参数值进行编辑转换，在参数后面调用FR.cjkEncode()方法，如：

window.location="http://localhost:8075/WebReport/ReportServer?reportlet=reportname.cpt?name="+FR.cjkEncode("华东");

2、对Form表单进行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'); //获取到参数Region所在文本框
Region1.value = FR.cjkEncode(Region.value); //对值参数值进行编码转化
Region1.name = FR.cjkEncode("地区"); //对参数控件名编码转换，如果参数名字为英文，则不需要此操作
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="地区" value="华东">
<input type="button" name="show" value= "查看" onclick="autoSubmit()"/>
</body>
</html>

3、特殊符号处理

如果在需要进行cjkEncode的URI的参数中包含特殊字符，比如%，#，$，=，&，/，?，+，@等字符时，需要在cjkEncode之后，再次调用javascript的encodeURIComponent对这些特殊字符进行编码。如参数值是”%华%“这样的字符，就需要写成encodeURIComponent(FR.cjkEncode("%华%"))，一定要先进行cjkEncode，然后再进行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&地区=") +encodeURIComponent(FR.cjkEncode("%华%"));
}
</Script>
</head>
<body>
<input type="button" value="字符转换1" onclick="frOpen()">
</body>
</html>

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/21472864/viewspace-2123320/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/21472864/viewspace-2123320/

关于JS的编码转换问题相关推荐

html unicode编码转换,JS实现的Unicode编码转换操作示例
本文实例讲述了JS实现的Unicode编码转换操作.分享给大家供大家参考,具体如下: Unicode编码转换 /* *js Unicode编码转换 */ var decToHex = function ...
oracle编码转换utf16,oracle编码转换：AL32UTF8-ZHS16GBK
--修改Oracle数据库字符集为utf-8: SQL>conn / as sysdba; SQL>shutdown immediate; SQL>startup mount; SQ ...
js javascript UTF-8 GB2312编码转换
在用js做项目时,接收方是要用GB2312的汉字编码,而发送方用的是UTF-8汉字编码. 这里就要做汉字编码转换了. 网上找了一下午也没找到通用的方法,那只能自己做一个汉字编码对应表了. 关键是要自己 ...
js将中文转换成编码 java解析_JS实现的汉字与Unicode码相互转化功能分析
本文实例讲述了JS实现的汉字与Unicode码相互转化功能.分享给大家供大家参考,具体如下: 有时候,我们在给后端传递变量的的值中有汉字,可能由于编码的原因,传递到后端后变为乱码了.所以有时候为了省事 ...
html js utf8编码转换器,用Javascript实现UTF8编码转换成gb2312编码
//把编码转换成 gb2312编码 function UrlEncode(str) { var i, c, ret="", strSpecial="!\"#$% ...
html用unicode编码转换汉字,汉字与Unicode编码相互转换(Js版)
Unicode编码转换工具 //ASCII 转换 Unicode function AsciiToUnicode(){ if (document.getElementById("conten ...
JS URL 编码 PHP 解码｛%u5F00%u53D1｝
这次第一次用smarttemplate这个模板,比smarty小巧了很多,但也有些不方便的地方. smarty可以直接对url进行编码, 比如 ...
JS 字符串编码函数（解决URL特殊字符传递问题）：escape()、encodeURI()、encodeURIComponent()区别详解...
转:http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html //该方法不会对 ASCII 字母和数字进行编码,也不会对 ...
原来浏览器原生支持JS Base64编码解码
原来浏览器原生支持JS Base64编码解码转载来源:https://www.zhangxinxu.com/wordpress/2018/08/js-base64-atob-btoa-encode- ...

关于JS的编码转换问题

关于JS的编码转换问题相关推荐

最新文章

热门文章