`
liyx985
  • 浏览: 214218 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

jsp中引用javascript中的变量和js中引用jsp的变量

 
阅读更多
《转载》JSP数据和JavaScirpt数据交互使用问题的一种解决方法
对于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>

分享到:
评论

相关推荐

    在JS中如何调用JSP中的变量

    在JS中调用JSP中的变量: 代码如下: &lt;&#37; int coblid=Integer.parseInt(request.getParameter(“blid”)); %&gt; [removed] var coblid='&lt;&#37;=coblid%&gt;’ ; [removed]

    精通正则表达式基于.NET ASP PHP JSP JavaScript

    JSPExample5.jsp JSP页面中字符数据的简单使用 JSPExample6.jsp 结合布尔类型变量判断学生成绩等级 JSPExample7.jsp text.html页面提交至该页,并显示提交数据 text.html 页面数据提交至...

    java变量和javascript变量之间的传递示例

    最近在用jsp做一个网站,其间涉及到java变量和javascript变量之间的互换,虽然网上资料众多,但是众说纷纭,并且很多都是带有误导性,做了许多尝试,终于比较清楚的搞懂了这个问题。通俗一点来讲,就是说java代码是...

    JavaScript遍历table的行和列

    JavaScript遍历table的行和列 JavaScript遍历table的行和列

    jsp中变量及方法的声明与使用

    本文实例讲述了jsp中变量及方法的声明与使用。分享给大家供大家参考,具体如下: &lt;&#37;@ page language=java import=java.util.* contentType=text/html;charset=GBK%&gt; &lt;&#37; String path = request....

    JSP实用技巧集合,jsp编程的一些小技巧总结

    包括JSP编程中常用的js技术。 1.JSP编程中常用的js技术 2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. ...

    jsp编程技巧集锦

    JSP编程中常用的js技术 2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7...

    JSP初学者简明基础教程

    JSP学习的基础及内容简明教程: ...变量、方法和声明 JSP指令 JSP动作语法 JSP脚本 JavaScript语法 ......详情见PPt内容 Java运算符 Java循环语句 Java条件语句 Java类技术 Java高级技术 多线程技术

    教学、学习必备:jsp教案

    2.3.5在JavaScript中创建新对象 62 2.3.6 JavaScript对象系统的使用 66 2.3.7JavaScript窗口及输入输出 72 2.3.8Web应用经典案例研究 86 第3章 JSP标记 89 3.1 指令标记PAGE 89 3.2 指令标记INCLUDE 92 3.3 动作标记...

    js的应用

    jsp文件中java 变量javascript变量如何交互的问题

    html文件 声明变量部分代码

    声明变量 &lt;script type="text/JavaScript"&gt; var x; //语文成绩 var y; //数学成绩 var z; //总分 x=prompt("语文成绩?","100"); y=prompt("数学成绩?","100"); z=x+y; document.write("你的总成绩为"+...

    小型bbs jsp源代码

    // 思考:为什么用session 存放此变量,还有什么变量能存在session中 response.sendRedirect("list.jsp"); // 页面跳转 ,试试用另一种方式表现 }else if (disable){%&gt; 该用户已经被禁用! 用户名或密码有误,请...

    JSP实现BBS

    全文分前言,JSP技术介绍,数据库设计与环境变量配置,论坛总体分析与设计,关键代码实现还有功能和测试,最后还有1些本人的心得体会以及参考文献。 本系统采用SUN公司提倡的Jsp+Javabeans设计模式,此模式实现了...

    JSP学习笔记

    1.声明变量时:&lt;&#37;! int j=1;%&gt;(将变量生成为servlet类的成员变量,多个客户端共享一份)与&lt;&#37; int j=1;%&gt;(只是一个方法内的局部变量,每个客户端都有一个)使用的过程当中,尽量避免将一个变量声明为...

    脚本控制台 甲子版 通过控制台查看目的网页的DOM文档树,执行JavaScript脚本

    &lt; SCRIPT LANGUAGE="JavaScript" src="debug.js"&gt; &lt; SCRIPT LANGUAGE="JavaScript"&gt; var s = "string"; out.print(s); 详细参考:hidden.html 2,通过控制台查看目的网页的DOM文档树,执行JavaScript...

    asp+jsp+JavaScript动态实现添加数据行

    主要介绍了asp+jsp+JavaScript动态实现添加数据行,实现过程很详细,整个思路清晰,感兴趣的小伙伴们可以参考一下

    用jsp作的聊天工具chat

    在用户session中设置一个变量,它存储用户登录时已有聊天信息最后一条的编号。本地显示信息时从这一条开始显示。在服务器清除聊天信息时此变量置为0,此后所有信息全部显示(私聊信息根据情况显示)。为控制方便,...

    JavaScript内核系列

    在JavaScript中“一切皆对象”,在这一方面,它比其他的OO语言来的更 为彻底,即使作为代码本身载体的function,也是对象,数据与代码的界限在JavaScript中已经相当模糊。虽然它被广泛的应用在WEB客户 端,但是其...

    登陆jsp数据库验证的代码

    //设置一个变量保存登录状态,ture表示登录成功,false表示登录失败 boolean flag=true; %&gt; String driverclass="com.mysql.jdbc.Driver"; String url="jdbc:mysql://localhost:3306/atao"; String uname=...

Global site tag (gtag.js) - Google Analytics