· [Java论坛][安全论坛][数据库论坛][操作系统论坛]
· [专题] IBM Rational高峰论坛 Windows 7十大功能
· [专题] 史上就危险7月 微软 BizSpark 计划介绍
· [IT技术周刊][IT资源下载专区][病毒求助专区]
· [热点] 我也能做CTO_赛迪连载 赛迪七夕特别行动
· [热点] Chrome 4.0采用V8引擎 Java开发编程规范

实现JSP数据和JavaScript数据交互使用

发布时间:2007.06.05 05:34     来源:赛迪网技术社区    作者:dxaw

对于WEB程序来说,前端(JavaScript)和后端(JSP/Servlet)是没法共用数据的,只能是后端程序(JSP)把数据输出,生成页面到前端,这时候生成的页面中的JavaScript代码才有可能得到所谓jsp的数据。同样的,只有把JavaScript里的数据提交给后端JSP代码,JSP程序中才能得到JavaScript的数据。

那如何实现在页面的JavaScript中使用jsp中的数据或是在JSP中使用页面的JavaScript数据呢?

一、页面中的JavaScript的数据如何提交给后台的JSP程序

① 可以将JavaScript的数据以xxx.JSP?var1=aaa&var2=bbb的形式作为URL的参数传给JSP程序,此时在jsp中用

<%String strVar1=request.getParameter("var1");%>

就可以获取到JavaScript脚本传递过来的数据;

② 使用JavaScript通过在表单里加入隐藏域信息,然后用表单提交的方式把数据传递给JSP程序。

参考下面的脚本:

<script language="JavaScript"> 
<!-- 
/*************************************************************** 
* JavaScript脚本,放置在页面中的任何位置都可以 
* insertclick()函数获取JSP传递到页面中的变量varMC, 
* 然后就可以在JavaScript中修改这个变量的值,再通过 
* post的方式提交给JSP程序来使用。 
***************************************************************/ 
function insertclick(){ 
var1 = document.all.mc.value; //获取页面form中的变量值 
var1 = var1 + "名称"; 
document.insertForm.submit(); 
} 
//--> 
</script> 

<!-- html页面form表单,放置在html页面中的位置不限 --> 
<form name="insertForm" method="post" action="yourJSP"> 
<!-- 下面这一句是获取JSP程序中传递过来的变量值 --> 
<input type="hidden" name="mc" value="<%=varMC%>"> 
<input type="button" value="提交" onclick="insertclick()"> 
</form>

二、页面中的JavaScript的数据如何使用后台的JSP程序的数据

这个比较简单,直接在JavaScript脚本中用<%=strVar1%>就可以把jsp程序中的数据传递给JavaScript脚本使用了。

参考下面的脚本:

<!-- html页面form表单,放置在html页面中的位置不限 --> 
<form name="insertForm" method="post" action="yourJSP"> 
<input type="hidden" name="mc" value=""> 
</form> 

<script language="JavaScript"> 
<!-- 
/*************************************************************** 
* JavaScript脚本,放置在页面中form以后的任何位置都可以 
* 使用JavaScirpt获取JSP传递到页面中的变量varMC, 
* 然后就可以在JavaScript中使用这个变量的值,通过 
* JavaScript脚本赋值给form中的隐藏域。 
***************************************************************/ 
var1 = "<%=varMC%>"; //获取JSP中的变量值 
document.all.mc.value = var1; 
//--> 
</script>

(责任编辑:龚勋)


[ 发表评论 ] 字体[  ] [ 打印 ] [ 进入博客 ] [ 进入论坛 ]  [ 推荐给朋友 ]
  相关文章
· 使用技巧:简单介绍JSP数据库高级操作 (06-04) · Jsp Servlet基础入门学习篇处理Cookie (06-01)
· 通过用JAVAP反汇编来帮你理解Java特性 (06-01) · Java极限考验 ClassLoader类的装载策略 (06-01)
· Java技巧:用匿名类来实现简化程序调试 (06-01) · 手机延长寿命有技巧 七条妙招帮你省银子 (06-01)
· JSP实践:使用JSP include机制改进外观 (05-31) · Java应用程序中动态分配CPU资源 (05-30)
· 使用技巧:怎样提高J2EE项目的开发速度 (05-30) · 利用UDP Socket技术实现IP多点传送详解 (05-30)
  客户需求反馈表
* 姓  名:
更多资料  了解方案  认识厂商
* 单位名称:
* 联系电话:
* 电子邮件:
资讯 通信 IT产品 IT技术 信息化
专题:扭亏为盈 联想09年Q2翻番
·专题:Tech·Ed 2009微..
·直播:2009互联网大会..
·迅雷搜狐"互搏" 谁动了..
专题:诺基亚危局已现 或重蹈摩托覆辙
·六股势力角逐4G标准 中..
·专题:联通iPhone并不贵..
·专题:排排坐开商店 三..
商务演示需求分析 多媒体会议室必备投影
·VMware在京隆重举行2009..
·专题:笔记本频道10月热..
·专题:学生机市场 惠普 ..
专题:Tech.Ed 2009微软技术大会
·专题:2009 SYBASE 亚太..
·专题:微软新一代桌面操..
·专题:2009年第3届CSDN..