实现JSP数据和JavaScript数据交互使用
创始人
2024-04-08 14:51:11
0

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

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

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

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

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

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

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

参考下面的脚本:

  1.  language="JavaScript">   
  2.    
  3.  name="insertForm" method="post" action="yourJSP">   
  4.    
  5.  type="hidden" name="mc" value="<%=varMC%>">   
  6.  type="button" value="提交" onclick="insertclick()">   
  7.  

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

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

参考下面的脚本:

  1.    
  2.  name="insertForm" method="post" action="yourJSP">   
  3.  type="hidden" name="mc" value="">   
  4.    
  5.  
  6.  language="JavaScript">   

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...