社区
Web 开发
帖子详情
jsp 中是否可以实现把同一个文件的一部分内容放在一个 IFRAME 里面? 如何实现?
xmwgp
2002-06-13 01:07:41
我网页的数据是从数据库中取来的,很多字段,数据也很多,所以想在网页中添加 IFRAME ,使左边第一列,表头信息固定,其它数据放在IFRAME中 ,但希望不要再做一个文件,因为那工作量也要增加很多,不知道有什么办法?
...全文
52
11
打赏
收藏
jsp 中是否可以实现把同一个文件的一部分内容放在一个 IFRAME 里面? 如何实现?
我网页的数据是从数据库中取来的,很多字段,数据也很多,所以想在网页中添加 IFRAME ,使左边第一列,表头信息固定,其它数据放在IFRAME中 ,但希望不要再做一个文件,因为那工作量也要增加很多,不知道有什么办法?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xmwgp
2002-06-14
打赏
举报
回复
谢谢 emu(ston) , 你的例子是可以把 数组的数据放到 iframe 里面.
再请问一下 , 怎么 javascript 里面得到 数据库取出的数据 :
<td width="60" align="right"><%=(sqlRst.getString(2)%></td>
还有 , 能否把 <td> ... </td> 的内容直接输出到 iframe 里面?
我的报表可能有 40 列 x 300 行, StringBuffer 可以支持这么多数据吗?
我在 javascript 找不到 document.body.innerHTML , 能帮我解释一下吗?
谢谢.
emu
2002-06-13
打赏
举报
回复
呵呵,我发现自己怎么写都是jscript风格啊,没治了。
cqxhhe
2002-06-13
打赏
举报
回复
emu(ston) :数据量大的时候,你就会知道StringBuffer的好处
嗯 这个当然 java处理String 加法时 是转化为StringBuffer进行的
呵呵 谢谢
emu
2002-06-13
打赏
举报
回复
数据量大的时候,你就会知道StringBuffer的好处
emu
2002-06-13
打赏
举报
回复
<%@ page contentType="text/html;charset=GB2312"%>
<%@ page import="java.util.*"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<TABLE>
<TR id=tr1 align=center>
<TD>
</TD>
<TD>
</TD>
<TD>
</TD>
</TR>
<TR>
<TD colspan=3>
<iframe name="iframe1" id="iframe1"></iframe>
</TD>
</TR>
</TABLE>
<button onclick="transact()">test</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
function transact()
{
<%
String [][] ar = { {"aaa","bbb","ccc"},{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} };
for (int i=0;i<ar[0].length;i++)
{
out.println("tr1.children["+i+"].innerText =\""+ar[0][i]+"\"");
}
StringBuffer st = new StringBuffer("<table width='100%' align=center><tbody align=center>");
for (int i=1;i<ar.length;i++)
{
st.append("<tr>");
for (int j=0;j<ar[i].length;j++)
{
st.append("<td>");
st.append(ar[i][j]);
st.append("</td>");
}
st.append("</tr>");
}
st.append("</tbody></table>");
out.println("iframe1.document.body.innerHTML=\""+st.toString()+"\"");
%>
}
//-->
</SCRIPT>
</body>
</html>
cqxhhe
2002-06-13
打赏
举报
回复
好像不行吧?
直接写到<iframe name="iframe1" id="iframe1"></iframe>中间??
我不会写阿
我都是用 scr=""
emu
2002-06-13
打赏
举报
回复
呵呵,这个最好搞定了嘛,写到 <% ...... %> 的外面啊。
cqxhhe
2002-06-13
打赏
举报
回复
得到数据好说
显示到<iframe name="iframe1" id="iframe1"></iframe>里
用JSP 怎么写呢?
emu
2002-06-13
打赏
举报
回复
数据量大的时候,还是用jsp好些,可以用stringbuffer做append。我试过在客户端做大量的字符串加法,比把它们直接下载下来慢多了,数据量上了几百k的时候浏览器还提示我停止javascript运行,有时干脆就死机。应该是javascript沿用了java那个效率底下的字符串加法造成的。
emu
2002-06-13
打赏
举报
回复
唉,这阵子写惯了jscript。
用jsp写就不是这个风格了,ar可以不要,生成st的那一端可以直接用java写出来。
反正都一样,交给客户端做,也有它自己的好处
emu
2002-06-13
打赏
举报
回复
呵呵看看这个怎么样?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<TABLE>
<TR id=tr1 align=center>
<TD>
</TD>
<TD>
</TD>
<TD>
</TD>
</TR>
<TR>
<TD colspan=3>
<iframe name="iframe1" id="iframe1"></iframe>
</TD>
</TR>
</TABLE>
<button onclick="transact()">test</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ar = [ ["aaa","bbb","ccc"],[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ]
//这是要显示的数据,从服务器端生成
function transact()
{
for (var i=0;i<ar[0].length;i++)
{
//显示表头
tr1.children[i].innerText = ar[0][i];
}
var st = "<table width='100%' align=center><tbody align=center>";
for (var i=1;i<ar.length;i++)
{
st +="<tr>"
for (var j=0;j<ar[i].length;j++)
{
st += "<td>"+ar[i][j]+"<td>"
}
st +="</tr>"
}
st += "</tbody></table>"
iframe1.document.body.innerHTML = st;
}
//-->
</SCRIPT>
</body>
</html>
tiles+struts2配置
文件
tiles+struts2配置
文件
实现
iframe
框架效果,比
iframe
效果更方便
DWR.xml配置
文件
说明书(含源码)
DWR.xml配置
文件
说明书 1、 建立dwr.xml 配置
文件
任何
一个
dwr.xml的
文件
都需要包含DWR DOCTYPE的声明行,格式如下: 整个配置
文件
的大体结构如下: ... 有几个术语有必要理解,参数叫做converted,远程Bean叫做created.如果远程Bean A有个方法A.blah(B),那么你需要为A建立
一个
created,为B建立
一个
converted. 配置
文件
init部分声明那些用于建立远程bean和在方法调用
中
转换bean的类.这部分是可选择性配置的,多数情况下可以不必使用它,如果你想定义
一个
新的creator或者converter那么就必须在部分
中
声明,but do double check on the ones that are currently available first. 在init部分的作用是告诉DWR一些类实例和关于这些类怎样运行的信息.实际上并不会使用.这有点向java
中
的import语句,多数类在使用之前需要引入,但引入了类并不意味着这些在使用,每个creator和converter需要有个id属性来允许以后进行引用. 配置
文件
的allow部分定义哪些类可以建立和转换,每个被准许的类都可以有
一个
'create'或者'convert'配置行.下面列出的类的转换在默认情况下不需要进一步的设置. 1、所有基本类型,boolean,int,double等等 2、基本类型的对象形式
实现
的类,Boolean,Integer等等 3、java.lang.String 4、java.util.date 和三个SQL形式的派生类 5、以上所有类型的数组形式 6、以上所有类型的集合,List,Set,Map(有些局限性) However nothing is added to the list of classes that can be created (i.e. put up for remoting) without you declaring it. 2、 The Converters DWR已经默认定义和初始化了常用的Converter,他们分别如下: 这里仅仅是定义了Converter并且简单的
放在
元素之内,任何的元素
内容
都有两个必须定义的属性.
一个
是对converter定义的引用和converter能够转换的类. 例如最简单的converter是null converter,它作用是把null和void值转换成javascript的null和undefined值.它是所有converter
中
最简单的,就象调用java的静态方法一样,所以并不需要创建对象. 默认的时候DWR将java void值转换成javascript的null值就是这样设置. 有时java.lang.Void也需要进行这样的转换,所以设置也是相似的.从java
中
传递null值到javascript是没有任何危险性的,所以DWR将这个作为默认的converter,所以你自己不用再把这个converter添加到配置
文件
的部分
中
去. 基本类型的converter转换int,boolean,double等.当然还包括对应的对象形式Integerv,Boolean等等.DWR
中
在allow预定义了16个配置项目分别用于所有基本类型的转换.就象这样. String类型和Date同样预先定义了Converter,这些converter都没有办法进行改变的,所有的String,Date和数值类型都统一采用默认的converter. 2.1 Array Converters Array的配置项目没有上面介绍的那么直观,默认情况下DWR装载所有的基本类型和可装载的对象,这些包括String,Date等先前介绍的类型.java高级程序员可能会理解为什么match的这行有点奇怪. *符号在上面没有提到,其实这是个可以表示任何字符的通配符号.这些数组可装载的的类型和其他可装载的类型是一样的. 2.2 Bean Converters 一种不能采用默认方式定义的converter就是Bean Converter,这个是将POJO对象转换成javascript相关的数组,反向也一样.基于安全因素的考虑这种类型的converter不能采用默认的方式
实现
. 假设有个bean并且通过语句设置成远程可用,有种类型的参数他本身是
一个
带有setter的java bean,但setter会产生严重的隐患.攻击者可能促使这隐患的发生.通过下面的语句就可以设置但个类的bean converter 要想允许转换指定包或子包下所有类的转换可以按照下面的设置 很明显,可以采用下面的方式来转换所有的java bean 2.3 Restricting Property Conversion(指定属性转换) 将象用exclude和incluce来通知DWR隔离creator的方法一样,converter也有
一个
类似的配置方法.因为指定属性转换只有针对bean才有效(基本类型的转换没有必要指定属性),这个功能只能应用与特定的converter即BeanConverter和从次类派生的所有类.相关配置语法如下 这样就可以限定DWR不能调用Fred对象的getProperty1()和getProperty2()方法,通常这被成为拒绝访问方式,当然你也可以采用下面的方式配置可以访问的方法(授权访问方式) 较好的安全控制大部分都是采用授权访问方式. 2.4 Collection Converters DWR最后两个默认的converter是Maps和Collections 通常converter是采用递归方法转换集合
中
的所有对象. 这里有两个地方需要注意: 仅仅通过反射方法没有办法知道集合元素
中
的类型,所以上面的两个converter能将任何集合转换成相对javascript而言有意义的对象.然而没有办法将不同的集合类类型分别采用不同的转换方法.因为没有办法完全自动进行转换,我们可以应用dwr.xml
文件
的special signatures syntax配置部分设置类型的转换处理过程. 2.5 DOM Objects DWR 自动将DOM、DOM4J、JDOM和XOM转换成DOM树,前面这几种类型都仅仅返回Document,Element,Node.DWR会自动将这些转换成浏览器DOM对象.通常在启动JDOM Converter时会有
一个
提示信息,除非你想采用JDOMconverter否则可以忽略. INFO: Missing classdef for converter 'jdom'. Failed to load uk.ltd.getahead.dwr.convert.JDOMConverter. Cause: org/jdom/Document 因为DWR没有办法知道你
是否
采用jdom converter,所以提示信息是info级别.如果你想采用jdom converter,你必须很清楚地知道jdom converter
是否
可以被加载.这就是DWR保留上面的提示信息的原因. 3 The Creators DWR共有三种Creator,最简单的”new”是调用bean的默认构造函数创建实例.”scripted”允许采用其他脚本语言创建实例.如BeanShell.在远程bean的默认构造函数不能进行进一步配置的情况下这种类型的creator比较有用.”Spring”类型允许你通过spring创建实例. 下面是关于creator的参考资料和配置参数说明. Creator Parameter User new class 类的全名称(包括包路径) scripted language BSF框架支持的脚本语言名称(BSF为apache项目) scripted script 返回远程对象的脚本,脚本可以指定一些属性,多数情况下一般只设置param节点配置.属性很少设置. spring Location* 任何以location开头的参数,每个参数都是指定
一个
spring的配置
文件
,在参数没有设置的情况下DWR会去读取spring的全局的配置
文件
. spring beanName 从配置
文件
中
读取的bean的名称 “scope参数允许你配置creator的生命周期,共有以下几个选项:application,session,request,page.这些参数对于用过
jsp
或servlet的开发人员并不陌生. 3.1 Uing static methods 如果你想远程调用
一个
creator的静态方法,并且creator是new类型.因为调用远程bean的方法前DWR不会检测将要执行的方法是不是静态方法,如果是静态方法那么creator就不用创建.这种机制可以适用任何类型的creator,但new类型的creator是最简单配置的. 3.2 Security Creator可以配置类的成员函数的访问权限.creator有授权访问(指明可以被访问的方法)和拒绝访问(指明不允许访问的方法)两种配置方式. 如果要设置除了setWibble方法之外的所有方法都不可访问可以采用下面的设置. 如果采用j2ee访问角色控制的模式 3.3 The 'spring' Creator 3.4 The 'new' Creator DWR已经默认定义了new creator. DWR已经将这配置到了内置的dwr.xml
文件
中
,并不需要进行额外的配置. Creator通过调用类的默认的构造方法创建实例.应用new creator有以下几个优点: 安全性 生命周期比较短的creator可以得到更好的安全性,通过不同的应用情况设置适合的生命周期. 低内存开销 在访问量比较大的情况下,可以不用担心发生内存泄露的情况. 配置
一个
creator的创建和远程方法调用设置: ... 上面的配置信息表示将java.util.date提供给客户端调用,并且引用名称是Blash.当你在客户端调用Blash.toString(reply)时,后台将采用java.util.date的默认构造方法创建
一个
实例.然后调用实例的tostring方法.客户端的javascript将返回给reply对象(此时reply是java.util.date的字符串形式) 3.5 The 'scripted' Creator DWR 已经默认配置了scripted creator配置, 这种类型的creator采用BSF执行脚本语言并返回bean.例如 ... import org.apache.commons.validator.EmailValidator; return EmailValidator.getInstance(); ... 4 Signatures in dwr.xml Signatures部分用于配置Collections
中
装载对象元素的类型.举个例子来说:下面的java代码没有办法对List集合
中
的对象进行转换. public class Check { public void setLotteryResults(List nos) { ... } } Singatures配置允许我们对DWR要操作的对象类型进行配置.对于了解JDK5泛型编程的开发人员来说下面的格式是很容易理解的. DWR有个专门用于解析上面配置语句的解析器,虽然上面的是JDK5
中
才有的特性,因为有解析器的原因这也可以应用与JDK5之前的版本. 解析规则是不可见的,但有两种例外情况. 一种情况是因为DWR1.0的解析器
中
有个Bug,在有些场合会无法处理返回值的类型.所以应该要避免这种情况的发生. 一种情况是因为解析器是
一个
语法宽松的解析器,他不象编译器一样对语法有非常严格的要求,所有有时可能一些重要的语句没有配置而无法事先发现. DWR的将来版本可能会采用符合java官方规范的解析器,这样可以避免许多出错的情况. Signature部分只用于泛型参数到基本类型参数的转换,对于其他的类型DWR采用反射机制或运行时类型来确定.在没有泛型参数的情况下可以不配置Signature. public void method(String p); public void method(String[] p); 下面的就需要配置,因为反射机制无法完成次类功能. public void method(List p); public void method(Map p); 下面可以不用配置,DWR可以自动完成转换. public void method(List p); public void method(Map p); 下面可以不用设置,DWR可以采用运行时转换. public List method(String p); 有
一个
值得注意的地方是在javascript
中
所有对象的keys都是
一个
字符串,你也可以把其他对象作为keys.他们在使用之前都会转换成字符串形式.DWR1.x将采用这个特性来转换成String.以后对象的转换将会在服务器端完成. 5 Scripting Introduction DWR生成的javascript代码和java代码很相似并通过dwr.xml配置输出.相比普通java异步调用之下,通过ajax生成远程接口和java 代码的最大挑战是AJAX异步功能. DWR通过引入
一个
回调函数,当数据从服务返回数据是调用这个函数。有两种推荐的方法使用回调函数。一在参数列表加入回调功能。二增加调用元数据对象调用。 也可以将回调的功能
放在
参数列表的前头,但是不建议使用这样的用法,因为在处理自动HTTP对象时候会出现问题。这些方法一般会保持向后兼容。 5.1 Simple Callback Functions 假设有个下面的java方法。 public class Remote { public String getData(int index) { ... } } 在javascript
中
就可以以下面的方式引用。 ... function handleGetData(str) { alert(str); } Remote.getData(42, handleGetData); “42”只是
一个
传给getdata方法的参数。当然你可以采用下面的写法。 Remote.getData(42, function(str) { alert(str); }); 5.2 Call Meta-Data Objects 另一种使用回调功能的方法是指定
一个
回调功能选项或其他可选项。上面的例子就变成下面的形式。 Remote.getData(42, { callback:function(str) { alert(str); } }); 这个方法具有以下几个优点:可以依照你的编码习惯来编写程序,更重要的是允许你增加额外的调用选项。 5.3 Timeouts and Handling Errors 除了使用回调功能你还可以指定超时时限和错误处理方法。例如: Remote.getData(42, { callback:function(str) { alert(str); }, timout:5000, errorHandler:function(message) { alert("Oops: " + message); } }); 5.4 Finding the callback method 下面有几个实例来说明回调功能各个参数选项的配置,因为javascript是不支持函数重载的。 Remote.method({ timeout:3 }, { errorHandler:somefunc }); 上面的两个参数
一个
是bean的参数
一个
是回调元数据对象。但是没有方法去区别这两种参数选项。在抛开特定的浏览器环境,我们假设null==undefined,所以具有以下规则: 一、 如果
一个
函数的每个调用都是回调函数,那么他就没有调用元数据对象,所有的参数都是普通java参数。 二、 如果
一个
最后
一个
参数具有
一个
回调功能,那么这个参数就是调用元数据对象。其余的就是普通java参数。 三、 如果第
一个
参数为null,我们就认为没有回调功能。其余的就是普通java参数。此外还要检查最后
一个
参数
是否
为null,如果是则会给予提示信息。 四、 如果最后
一个
参数为null,则没有回调功能。 五、 还有
一个
不是很好的约定格式,要表示错误信息。 6 Engin.js
文件
这个
文件
是DWR的引擎
文件
,他承担着把后台自动生成的javascript接口与前台调用之间的衔接责任。所以任何使用DWR的地方都需要这个
文件
。 每个使用DWR的页面都必须引入这个
文件
: 6.1 Call Batching 应用批量功能可以一次性调用多个远程bean方法,因为他是将多个调用做为一次请求,这就减少了与服务器的交互。可以减少许多的开销。
一个
批量方法调用以DWREngine.beginBatch()开始WREngine.endBatch()结束。当DWREngine.endBatch()被调用时就说明开始调用批量方法,DWR就将这些方法打包在一起作为一次请求发送给服务器。 DWR会确保所有的方法都回被调用,所以使用批量功能是要注意
是否
提交了批量调用,如果没有提交批量调用那么这些需要调用的方法将永远排在调用队列
中
直到提交批量调用。 注意:批量调用方法会有一些缺点,比如他不能在那些已经帮定在一起的方法调用顺序不能保证同步。 例如所有的调用元数据对象的接管函数,超时设定,错误处理等的调用都是在批量的级别上,而不是在调用的级别上。如果
一个
批量调用含有两个不同超时时间设定的方法,那么除了最后
一个
之外的所有其他方法的超时设定都被忽略。 6.2 Call Ordering 因为AJAX是个普通的异步远程方法调用模式,所以远程调用的返回结果的顺序可能和你发送请求的顺序不一致。DWREngine.setOrdered(boolean)方法允许你设置远程调用返回结果的顺序和你发送调用请求的顺序保持一致。DWR是通过
一个
远程方法调用已经结束后在发送下
一个
调用请求来
实现
这个功能的。 一般情况我们并不需要返回结果顺序和发送请求顺序保持一致。DWR默认是不保持一致的。 提示:因为保持上面的顺序会对应用程序的性能和响应时间,如果其
中
的
一个
消息发生丢失那么浏览器可能会有意想不到以外情况发生。在使用这个功能的时候必须认真考虑
是否
真的有必要使用。通常比较好的方法是使用异步模式调用。 6.3 Handling Errors and Warnings 对于一些服务器端发生的错误或警告情况DWR都回调用默认的错误和警告方法并且传递
一个
相关信息,通常这些发生的错误和异常对于用户来说是不可见的。 下面这个方法主要用于以消息框的方式或者在状态栏里显示
一个
错误或警告的消息。 要改变错误的处理方法可以使用这个方法:DWREngine.setErrorHandler(function), 改变警告的处理方法可以使用这个方法:DWREngine.setWarningHandler(function). 6.4 Remoting Hooks 参考 DWREngine.setPreHook(function) and DWREngine.setPostHook(function). 如果你想在执行远程方法调用之前或之后进行一些处理的话,你可以使用上面的两个方法。上面参数
中
设置的目标方法必须是没有参数的。如果你想限制特定的组件在一次方法调用没有结束之前不允许再次调用,那么使用上面的方法将很有用。 Post 执行Hooks通常是设置pre-hooks,一般用来撤消先前的操作。关于Hooks的例子可以参照;DWRUtil.useLoadingMessage() 函数。 6.5 Remoting Options(远程调用设置) 关于DWR处理远程调用有若干个设置选项,Method和Verbs对于用户来说是透明的,但对于不同的浏览器可能会有影响。通常DWR会选择正确的方法处理,如果想饶过某些浏览器产生的影响这些参数设置将非常有用。 DWREngine.setMethod(newmethod) 设置Method的实际执行方法,但被设置的方法不能确保被调用。只是DWR首先会尝试调用这个方法。newmethod 必须是DWREngine.XMLHttpRequest 或着 DWREngine.
IFrame
. DWREngine.setVerb(verb) 允许设置
iframe
和 XMLHttpRequest提交数据时的方式,必须是POST或者GET,如果浏览器不支持POST形式,DWR会自动切换到GET方式。
JEECG_v3开发指南v3.3
jeecg_v3开发指南v3.3
iframe
和
iframe
实现
页面内嵌套
一个
页面(
jsp
)
相信刚学习javaweb的同学都十分好奇页面上点击
一个
按钮下面就显示
一个
页面,点击不同的导航栏按钮,下方就会显示不同
内容
,这就用到了
iframe
标签的src属性。下面就给大家介绍一下
iframe
的使用及嵌套页面的
实现
下面展示一些 内联代码片。 先给大家写一下嵌套页面的
实现
代码 <
iframe
class="J_
iframe
" name="
iframe
0" width="100%" height="100%" src="${pageContext.request.contextPath}/
JS--
实现
F5刷新
iframe
结构子页面
很多网站会把公共的部分
放在
一个
页面,这个页面称之为父页面,而把具体的
内容
放入
一个
iframe
中
,之后的请求改变
iframe
的
内容
。但是这样会有
一个
问题,因为浏览器的url是父页面的链接,当你按F5刷新的时候,并不是刷新
iframe
所对应的页面,而是刷新了父页面,使系统回到了最初的位置。 需要
实现
F5刷新
iframe
结构子页面如下操作: 假设:其
中
index.
jsp
是父页面,mainFrame是...
Web 开发
81,122
社区成员
341,744
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章