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>
分享到:
相关推荐
"JSP数据库数据AJAX无刷新分页"是一个常见的技术实现,它结合了JavaServer Pages(JSP)、数据库技术、Ajax(Asynchronous JavaScript and XML)以及前端分页组件,为用户提供了一种无需整个页面刷新即可获取并显示...
- JSON(JavaScript Object Notation):一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在本项目中,JSON用于在Servlet和JSP之间传递数据。 - AJAX(Asynchronous JavaScript and XML):...
3. **使用JSON进行数据交换**: - Java端可以使用JSON库(如Jackson或Gson)将Java对象转换为JSON字符串,然后通过上述方式传递给JavaScript。 - JavaScript可以使用JSON.parse()解析接收到的JSON字符串,将其转换...
4. **JSON**:JavaScript Object Notation,一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在这个项目中,jsp通常会将查询到的三级联动数据转化为JSON对象,以便JavaScript可以方便地解析...
在这个购物车应用中,可能通过JavaScript动态更新`cartD.xml`中的数据,或者通过JSP读取和处理XML数据,实现购物车功能。 4. **其他文件**: - `Cart.css`:这是样式表文件,用于定义页面的布局和样式,使得购物车...
这个例子中,我们导出的数据被格式化为CSV文件,因为这是一种常见的数据交换格式,易于读取且兼容性好。但根据实际需求,你也可以选择其他格式,如Excel或PDF。 总结一下,实现“jsp点击导出数据”的功能主要涉及...
在描述中提到的"JoSn"可能是"JSON"的误写,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在Android与JSP的数据交互中,JSON常被用作数据传输的...
5. **AJAX**:Asynchronous JavaScript and XML,即异步JavaScript和XML,是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在菜单树中,AJAX可以用于动态加载节点数据,减少页面加载时间,...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在跨域访问中,JSON通常作为数据传输的载体,因为它可以被JavaScript轻松处理。 jQuery是一个流行的...
"jQuery+json异步实现JSP和struts2之间的数据传递"是一个典型的应用场景,它结合了前端JavaScript库jQuery与后端MVC框架Struts2,通过JSON这种轻量级的数据交换格式进行高效的数据交互。下面我们将详细探讨这一主题...
JSP页面可以包含HTML、CSS、JavaScript以及嵌入的Java代码,用于动态生成和展示数据。 总的来说,这个项目涉及了Java Web开发的核心技术,包括前后端交互、数据库操作和文件处理。通过理解这些知识点,开发者能够...
2. **EL(Expression Language)**:EL是JSP 2.0引入的,用于简化数据访问。学习如何使用EL表达式替代脚本元素,提高代码可读性。 3. **JSTL(JavaServer Pages Standard Tag Library)**:JSTL是一组标准标签库,...
3. **Model**:模型用于定义数据结构和相关验证规则,通常与后台服务进行数据交换。 4. **Store**:存储数据的容器,它可以连接到Model,并处理数据的加载、刷新、排序等操作。 5. **View**:视图包括各种组件(如...
此外,JavaScript还可以通过AJAX(异步JavaScript和XML)技术,与服务器进行数据交换,实现无刷新更新。 **日历控件实现**: 1. **HTML结构**:首先,我们需要一个基础的HTML结构来展示日历。这通常包括一个容器...
本例"JSP实现树型结构TREE"提供了一个使用JSP(JavaServer Pages)、EXTJS(一个前端JavaScript框架)、JSON(JavaScript Object Notation)以及MySQL数据库来创建树形结构的示例,这对于初学者或开发者来说,是一个...
4. **AJAX(Asynchronous JavaScript and XML)**:实现异步数据交换,提升用户体验。 5. **框架和库**:如jQuery、React、Vue等,简化前端开发。 CSS(Cascading Style Sheets)负责定义网页的布局和样式。CSS知识...
6. **JSON或XML数据交换格式**:在服务器和客户端之间传输数据时,可以选择使用JSON或XML。这些格式易于解析,并且可以方便地在Java对象和字符串之间转换。 7. **CSS和JavaScript**:为了让菜单在前端具有良好的...
《JSP开发人际交换在线考试系统的设计》 在信息技术飞速发展的今天,教育领域也逐渐引入了数字化教学手段。JSP(JavaServer Pages)作为Java平台上的动态网页技术,因其强大的功能和良好的可扩展性,被广泛应用于...
### JSP 页面数据的上移下移实现方法 在网页应用开发中,有时我们需要实现列表项的上下移动功能,例如调整导航菜单、列表排序等。本文将详细介绍如何使用 JavaServer Pages (JSP) 实现这一功能,并通过示例代码进行...
【标题】"jsp.rar_javascript projects_jsp投票_vote jsp" 涉及的主要知识点是基于JSP(JavaServer Pages)技术...通过研究和理解这个项目,开发者可以提升对前后端协作、数据交换以及用户界面动态更新的理解和技能。