0 0

如何在jsp中引用js变量3

请问 如何在jsp中引用js变量 例如var v =xxx;
如何将这个 js变量 存取到jsp 的request中
2009年8月23日 17:45

5个答案 按时间排序 按投票排序

0 0

采纳的答案

引用
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>


自己看看吧。。。

2009年8月23日 17:57
0 0

楼主的这个问题我刚写jsp的时候也迷惑了很久,最后发现,将jsp的java代码写入到js代码中间,就把jsp的数据传给js了,js通过脚本设置页面中form的元素的值,或者通过get方法提交请求的时候附在url后面也提交给服务器处理了,jsp的动态代码在IE里面是不存在,只会在服务器端执行

2009年8月23日 18:34
0 0

jsp中的java 脚本没法直接操作js,与js交互的

你只能用ajax发送请求给后台进行交互

2009年8月23日 18:00
0 0

在表单中设置hidden域
如:<input id="hidden_v" type="hidden" value="" />

js:  var v =xxx;  document.getElementById('hidden_v').value = v;

2009年8月23日 17:54
0 0

发送ajax请求。javascript跑在客户端的,而Jsp是编译成servlet跑在服务器上的。

2009年8月23日 17:53

相关推荐

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

    在JavaScript (JS) 中调用JavaServer Pages (JSP) 中的变量是一个常见的需求,特别是在构建动态Web应用程序时。这通常涉及到服务器端和客户端代码之间的交互。以下将详细解释这个过程,以及如何在JS中访问JSP定义的...

    jsp中调用js中的一个函数,函数传参的问题

    - 为了提高可读性和可维护性,推荐将复杂的JavaScript逻辑放在独立的.js文件中,然后通过`&lt;script src="..."&gt;`引用。 - 传递敏感数据时要格外小心,可能需要加密或使用安全的传输层协议(如HTTPS)。 5. **示例**...

    JSP中java代码与js之间的传值

    - **通过JSP表达式语言(EL)**:使用EL表达式,如 `${javaVariable}`,可以直接在JavaScript代码中引用JavaBean或作用域内的变量。 2. **JavaScript到Java的传值**: - **表单提交**:通过JavaScript修改表单字段的...

    第2章 JSP编程基础知识-JavaScript.ppt

    【JavaScript在JSP中的基础应用】 JavaScript是一种轻量级的解释型编程语言,主要用于实现客户端的动态效果和交互。在JSP(JavaServer Pages)中,JavaScript常常与服务器端的Java技术结合,提供用户界面的实时反馈...

    dtree jsp 中使用,dtree jsp 中使用

    将它们放置在项目的公共资源目录下,如`/js`和`/css`,然后在JSP页面的头部引用它们: ```html &lt;script type="text/javascript" src="/js/dtree.js"&gt; ``` 2. **HTML结构准备** 创建一个`div`元素作为`dtree`...

    js中如何引用EL表达式.txt

    在探讨“js中如何引用EL表达式”的主题时,我们首先需要理解EL(Expression Language)表达式的概念及其在JavaServer Pages (JSP)环境中的作用。EL表达式是一种简化访问JavaBeans属性的语言,它允许开发者在JSP页面...

    jsp源码实例.rar_cookie_javascript cookie_jsp 实例_jsp 搜索_jsp 表单

    在这个名为"jsp源码实例.rar_cookie_javascript cookie_jsp 实例_jsp 搜索_jsp 表单"的压缩包中,包含了五个关于JSP的源码实例,这些实例涵盖了从基本的输出操作到更复杂的cookie管理和搜索引擎功能。以下是这些实例...

    jsp 课后习题 第2章

    在JSP中可以有两种方式引入JavaScript:直接在JSP页面中嵌入JavaScript代码,或者通过链接外部的.js文件引入。这样可以结合Java服务器端处理和JavaScript客户端交互,实现更丰富的网页功能。 8. JavaScript变量...

    jsp电子书的一些内容

    本章将解释JavaBean的概念,如何创建和使用JavaBean,以及如何在JSP中通过标签或脚本引用JavaBean,实现数据封装和复用。 **第07章 JSP与Servlet** 尽管JSP通常被视为比Servlet更易读的替代品,但两者关系紧密。本...

    JSP第10章静

    在JSP中,静态内容如HTML、CSS和JavaScript通常被包含在JSP文件中,或者通过外部文件引用。使用`&lt;jsp:include&gt;`或`&lt;%@ include %&gt;`指令,可以将静态HTML片段插入到JSP页面中,这样可以保持HTML代码的整洁,同时方便...

    jsp relative

    4. **在JSP中使用相对路径**:在JSP中,我们经常使用相对路径来引用CSS、JavaScript、图片等静态资源。例如,如果一个CSS文件位于与JSP文件同一目录下,我们可以使用`&lt;link rel="stylesheet" href="style.css"&gt;`。 ...

    jsp编写简单的学生信息注册界面

    `name`属性用于识别这些字段,`id`属性用于JavaScript等脚本中的引用。 3. **JSP脚本元素**: - `!%&gt;`:这是JSP的脚本声明部分,可以声明变量和方法,但不会直接输出到页面上。 - `&lt;% %&gt;`:这是JSP的脚本let表达式...

    JSP规格说明书

    - **表达式语言(EL)**:用于访问JavaBean组件的属性,简化了页面中变量的引用。 - **脚本片段**:即嵌入在页面中的Java代码块,用于执行复杂的业务逻辑。 #### 2. JSP生命周期 JSP页面的处理分为编译阶段和执行...

    Jsp函数速查

    2. **表达式语言(EL)**:这是一种简化数据访问的语言,允许开发者在JSP页面中直接引用JavaBean属性和其他对象,而无需使用脚本元素。 3. **JSTL(JavaServer Pages Standard Tag Library)**:这是一套标准的标签...

    传智书城前端JSP代码

    8. **静态资源的组织**:在实际项目中,js、css和图片通常会被组织在特定的目录结构下,如`js`目录存放JavaScript文件,`css`目录存放样式表,`images`目录存放图片。 9. **学习价值**:对于初学者,这个项目提供了...

    jsp 自定义标签实例

    在JavaServer Pages (JSP) 技术中,自定义标签是扩展JSP功能的关键手段,它允许开发者创建可重用的组件,提高代码的可维护性和可读性。本实例将深入探讨如何实现一个简单的JSP自定义标签。 首先,自定义标签的实现...

    JSP中fckeditor控件

    2. **程序动态设置**:在JSP中,可以通过JavaScript代码动态设置FCKeditor的语言。例如,可以使用如下代码: ```javascript var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ; oFCKeditor.BasePath = '/...

    jsp实现bookstore

    【JSP实现Bookstore】是一个基于Java服务器页面(JSP)技术构建的在线书店应用示例,它展示了如何在Web开发中使用JSP和Tomcat服务器。这个项目可能包括了用户浏览书籍、添加到购物车、结账等功能,是学习JSP与Tomcat...

Global site tag (gtag.js) - Google Analytics