1、场景描述

在用报表开发工具FineReport设计的web报表中，给iframe设置src嵌入某个报表时，往往会给报表传递初始的参数值，例如：

<iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/report.cpt&参数1=参数值&参数2=参数值..."></iframe>

若参数名称、参数值甚至报表名称中包含中文或者特殊字符时，如果不进行编码转换，可能会出现一系列问题。比如下图：

今天我就来讲讲该如何如何传递中文参数。

2、使用cjkEncode对中文进行编码转换

使用cjkEncode对调用报表的路径或参数进行编码，报表获取到参数后会自动进行解码，保证不会出现乱码等一系列情况。

cjkEncode是FR内部封装好的编码方法，在js中使用cjkEncode有两种方式，该节我们举例介绍。

2.1加载finereport.js使用cjkEncode

cjkEncode方法在FineReport的JS库中已经预先提供了，用户可以在自己的网页中引入FineReport的JS库，就可以使用FR.cjkEncode对中日韩文字符进行编码，如下对调用报表的url进行cjkEncode：

1.      <html>

2.        <head>

3.        <title>FineReport Demo</title>

4.        <meta http-equiv="Content-Type" content="text/html; charset=GBK" />

5.        <script type="text/javascript" src="/WebReport/ReportServer?op=emb&resource=finereport.js"></script>

6.        <script language="javascript">

7.          function autoLoad(){

8.            var addr = FR.cjkEncode("/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt&地区=华东");

9.            document.getElementById("reportFrame").src = addr;

10.      }

11.      window.onload = autoLoad;

12.    </script>

13.    </head>

14.    <body>

15.      <iframe id="reportFrame" width="900" height="400" ></iframe>

16.    </body>

17.  </html>

finereport.js使用的是jquery框架，若用户也使用了jquery，可能会造成冲突，这时建议不要引入finereport.js，而是将cjkEncode方法拷贝到页面中直接使用，详见下面的方法。

已完成示例请参照%FR_HOME%\WebReport|page_demo\parameter_ch.html

2.2直接调用cjkEncode

加载finereport.js再引用cjkEncode，一方面可能会引起js冲突，另一方面也加载了很多不必要的方法。

若用户只需要使用该方法，可以将cjkEncode实现的代码复制到网页中或者用户自己的js文件中，然后再引用cjkEncode。

1.     <html>

2.       <head>

3.       <title>FineReport Demo</title>

4.       <meta http-equiv="Content-Type" content="text/html; charset=GBK" />

5.       <script type="text/javascript">

6.         //cjkEncode方法的实现代码，放在网页head中或者用户自己的js文件中

7.         function cjkEncode(text) {

8.           if (text == null) {

9.             return "";

10.        }

11.        var newText = "";

12.        for (var i = 0; i < text.length; i++) {

13.          var code = text.charCodeAt (i);

14.          if (code >= 128 || code == 91 || code == 93) {  //91 is "[", 93 is "]".

15.            newText += "[" + code.toString(16) + "]";

16.          } else {

17.            newText += text.charAt(i);

18.          }

19.        }

20.        return newText;

21.      }

Web报表页面如何传递中文参数的更多相关文章

  1. javascript通过url向jsp页面传递中文参数乱码解决方法

    解决方法:在传递参数前将中文参数进行两次编码,jsp页面获取参数后对中文参数进行一次解码,中文参数就不会变为乱码了! 参考例子: <%@ page language="java&quo ...

  2. asp.net URL传递中文参数System.Web.HttpUtility.UrlEncode与Server.UrlEncode的区别

    asp.net URL传递中文参数System.Web.HttpUtility.UrlEncode与Server.UrlEncode的区别(一) HttpUtility.UrlEncode 方法: 对 ...

  3. url 传递中文参数乱码问题的终极解决方法。

    估计很多人在做web开发的时候,都会碰到过url传递中文参数,有时候会出现乱码的问题,但有些项目或者环境,又不会有问题.当遇到乱码的时候,上网找了很多解决方案,比如: 页面设置它的编码方式,改成utf ...

  4. ASP使用ajax来传递中文参数的编码处理

    背景 asp的第一版是0.9测试版,自从1996年ASP1.0诞生,迄今20余载.虽然asp在Windows2000 IIS服务5.0所附带的ASP 3.0发布后好像再没有更新过了,但是由于其入手简单 ...

  5. （转） jsp页面 URL传中文参数到Action里面出现乱码

    jsp页面 URL传中文参数到Action里面出现乱码,方法如下: 第一种:在Action中用 new String(str.getBytes("ISO8859_1"), &quo ...

  6. GET方法传递中文参数乱码解决办法

    1.在页面中对你的URL进行编码 使用------encodeURI(你要使用的中文参数值)如:...?username"+encodeURI(“小甜甜") 2.在后台通过解码来接 ...

  7. js的url中传递中文参数乱码，如何获取url中参数问题

    一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码: <script type=”text/javascript ...

  8. JS中的的Url传递中文参数乱码，如何获取Url中参数问题

    一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码:<script type=”text/javascript” ...

  9. Js的Url中传递中文参数乱码的解决

    一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码: 2. 接收参数页面:test02.html 二:如何获取Url& ...

随机推荐

  1. winform 固定splitContainer某一部分大小

    处于布局省事考虑,通常会用splitcontainer进行总体的布局,例如: 默认情况下,splitcontainer在运行时会根据上下文自动调整每个panel的大小,但大部分情况下,其实我们希望左边 ...

  2. 七个结构模式之外观模式(Facade Pattern)

    定义: 为子系统的一组接口提供一个统一的入口,从而降低系统之间的耦合度,提高子系统的可用性.外观模式又称为门面模式,是迪米特法则的一个体现,主要目的就是降低耦合. 结构图 Facade:抽象外观类,子 ...

  3. 在不知下面有几个元素的时候，要去除最后一个元素的下边框jquery代码

    <script> $(document).ready(function() { $(".search_list dl").each(function() {//遍历所有 ...

  4. Web持久化存储Web SQL、Local Storage、Cookies（常用）

    在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵 ...

  5. SAP中发送邮件

    WITH HEADER LINE, docdata LIKE sodocchgi1, objtxt WITH HEADER LINE, objpack WITH HEADER LINE, reclis ...

  6. Nessus常见问题整理

    个别问题感谢大学霸__IT达人在Kali中文网的解答. 问题1: Kali自带Nessus产品注册失败 报Error(500):Activation failed  出现这个错误原因很多.其中有一个原 ...

  7. Android 图片的平移和镜面和倒影效果

    在前面的文章中陆续介绍了图片的旋转与缩放,本文继续介绍关于图片的操作 图片的平移 使用下面的代码将图水平竖直方向平移10个像素 matrix.setTranslate(10, 10); 可以看到图片不 ...

  8. mysql 数据库服务中的应用程序

    mysql 是一个数据库服务,而实现数据库服务是由mysql中的很多子应用程序来完成的(http://dev.mysql.com/doc/refman/5.7/en/programs-overview ...

  9. 【读书笔记】iOS-ASIHTTPRequest框架的使用。

    一,安装和配置ASIHTTPRequest框架. 二,同步请求. 在ASIHTTPRequest框架中与HTTP请求相关的类有:ASIHTTPRequest和ASIFormDataRequest,其中 ...

  10. 【读书笔记】iOS-ARC-环境下如何查看引用计数的变化

    一,新建立一个工程,用于测试引用计数的变化. 二,找到如下路径Build Phases---->Compile Sources---->AppDelegate.m 三,选中AppDeleg ...