· [Java论坛][安全论坛][数据库论坛][操作系统论坛]
· [访谈] 网银安全系列访谈之:惊心动魄网银故事
· [热点专题] 网银安全系列 3G上网卡巡礼
· [订阅IT技术周刊][IT资源下载专区][病毒求助专区]
· [热点] 跨站脚本十二问 四步防范Conficker
· [热点] Windows 7 RC版公开下载 憾缺中文版

实现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技术 信息化
2009第七届中国电脑商年会直播
·创业投资系列访谈:产业..
·特别策划:视频网站系列..
·专题:网游虚拟货币新规..
专题:6月上市手机新品回顾及7月新机展望
·2009年中国电信业信息化..
·专题:把iPhone 3GS“解..
·WAPI重启国际标准进程 ..
专题:09年中盘点-联想春季打印机新品回顾
·InfoComm 2009 视听与集..
·网游背后的故事 网游服..
·[专题]联想ThinkPad T40..
BizSpark:微软为技术创业企业点燃火花
·社区活动:我的IT求知生..
·访谈:内网安全2009系列..
·安全访谈:网银安全之Sa..