对于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>
相关推荐
一个基于JAVA JSP技术的网上书店系统的毕业设计。该系统可以帮助用户方便地浏览和购买书籍...1. 前端设计:使用HTML、CSS和JavaScript编写网页前端,通过JSP技术将前端页面和后台数据进行交互。 2. 数据库设计:设计数
一、在JSP中访问JS返回的值: 问题: 代码如下:[removed] <!– var str=”123″; <% String aa; %> –> [removed] 怎么让这个JSP里的aa获得JAVASCRIPT中str的值???? 详细一点就是: 代码如下:[removed] ...
为什么学习JSP之前必须掌握JavaScript和Java语言?因为JSP是基于Java语言的,JSP是Java的网络应用,所以理所当然要熟悉Java语言,而JavaScript是一种基于对象的脚本语言,主要负责客户端的界面控制等工作,能让你在...
项目概述:本项目是一个基于SSM(Spring、SpringMVC、MyBatis)框架和Bootstrap的图书管理系统,实现了CRUD(创建、读取、更新、删除)功能,并提供数据校验机制及Ajax交互支持。主要开发语言为Java,辅以CSS和...
和Free版本相比,FusionCharts有一个非免费的商用版本,其功能更加强大,事实上,不仅是HTML+JavaScript,无论是何种服务器端编程语言,比如PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on Railsy等等,甚至...
apexcharts.js:一个现代JavaScript图表库,用于使用简单的API构建交互式图表和可视化
此外,系统还可能包括日志记录、错误处理和数据备份恢复等功能,以提高系统的稳定性和可靠性。该资料包包含了完整的JSP教师档案管理系统源代码,以及相关的文档和论文。源代码中详细展示了系统的开发
主要介绍了Android中Java和JavaScript交互实例,本文给出了实现方法、实现代码、js调用Java、java调用js等内容,需要的朋友可以参考下
前端UI采用layui框架,套用layuimini模板,使用基于jquery及javascript的jsp页面实现。使用IDEA作为开发工具,并将网页部署在tomcat上运行。 mysql数据库用户名:root mysql数据库密码:root mysql数据库中使用...
实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...
整个项目采用B/S结构,前台页面使用HTML、CSS、JavaScript设计,与服务器端进行数据交互;后台使用JSP、Servlet、JDBC等技术进行开发,使用MySQL数据库进行数据存储。项目的开发环境为Windows10系统,采用Eclipse作为IDE,...
示例描述:介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript操作Java Applet。 15.2.html 在Java Applet中调用JavaScript。 15.3.svg 基本SVG文件。 15.4.svg 使用JavaScript...
实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...
《JSP网络编程从基础到实践》 实例1 第一个JSP页面 Web开发基础 实例2 HTML与JavaScript交互示例 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用...
在这个系统中,使用了JSP作为前端展示层,负责与用户进行交互,展示图书信息、用户订单等。同时,利用JavaScript和CSS技术,实现了一些动态效果和美化页面的功能。后端则采用了Java作为主要开发语言,结合JDBC技术,...
后端数据库可能使用MySQL、Oracle或其他关系型数据库管理系统来存储数据,而前端则通过JSP页面与用户进行交互,辅以JavaScript和CSS来提升用户体验。安全性方面,系统可能实现了用户认证和授权机制,确保只有授权...
JavaScript:用于处理客户端的交互和验证。 CSS:用于创建用户界面和样式。 后端技术: Servlet:用于处理HTTP请求和响应,实现业务逻辑。 JavaBean:用于封装数据和业务逻辑。 JDBC(Java Database Connectivity)...
为什么学习JSP之前必须掌握JavaScript和Java语言?因为JSP是基于Java语言的,JSP是Java的网络应用,所以理所当然要熟悉Java语言,而JavaScript是一种基于对象的脚本语言,主要负责客户端的界面控制等工作,能让你在...
"动态显示JSP服务器内存的Ajax程序 图像版_systemjc.rar"是一个用于展示Java ...总的来说,这个程序是一个很好的示例,展示了如何使用Ajax和JSP来创建动态的、交互式的web应用程序。问问助手:js编程小助手重新回答||
用ajax实现的jsp二级联动下拉列表,使用异步交互的二级联动堪称jsp革命性变动。以前的联动大都是把所有的数据取出来放在javascript中,就一个字------烦