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>
分享到:
相关推荐
Ajax核心API(即所谓的XMLHttpRequest)的唯一用途就是发送HTTP请求,在Web浏览器与服务器之间进行数据交换。Web页面中运行的JavaScript代码,可以使用XMLHttpRequest将该请求参数提交至服务器端脚本,例如Servlet或...
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSO
JSP企业电子投票系统是一个基于...前端使用HTML、CSS和JavaScript等技术构建用户界面,而后端则利用JSP与JavaBeans、Servlets等组件进行业务逻辑处理和数据交换。数据库设计则关注存储效率和查询速度,以适应可能的高并
前端采用HTML、CSS和JavaScript技术构建用户友好的交互界面,后端则利用JSP与Java Beans处理业务逻辑,并通过JDBC与数据库进行数据交换,确保了应用的性能与稳定性。同时,附带的学术论文详尽阐述了该工具的设计理念...
前端:Vue/JSP/React/HTML+JS+CSS/ASP 后台框架代码:java/c/c++/php/VB/lun/Andorid/Python 开发环境:idea 数据库:MySql(建议用 5.7,8.0 有时候会有坑) 部署环境:Tomcat(建议用 7.x 或者 8.x b版本),maven...
后端则通过JSP和Java Servlet处理业务逻辑,与MySQL数据库进行数据交换。此系统具备基本的新闻发布功能,如文章的添加、编辑、删除和列表展示,同时可能包含用户管理、权限控制等模块,以适应不同的应用场景。对于...
- XML文件:26个,主要用于配置管理和数据交换。 - JSP文件:22个,支撑了服务器端页面的动态生成。 - JSON文件:19个,用于数据交换和配置。 项目简述:SuperMarket是一个集成了协同过滤算法的商品推荐功能的...
- XML文件:2个,用于配置及数据交换 - JSP文件:2个,作为Web应用视图 - Classpath文件:1个,定义项目类路径 总体而言,MovieRecommender系统通过高效的协同过滤算法,结合易于使用的用户界面,为电影爱好者...
<br> n 数据传输交换复杂性 <br> 异构性导致数据传输交换的复杂性。针对传输的性能、数据的格式、序列化的深度、数据的解 析与展现等诸多复杂问题必须要有一套满足开发需求的良好解决方案。
Cell插件基于Xml技术实现客户端与服务器端数据交换的ASP源代码。需要安装用友华表软件技术有限公司的Cell插件后才能正常观看,请先下载Cell插件。 Cell网站: Http://Www.Cellsoft.Cc/Cell/Index.Asp Cell插件下载...
JSON是一种数据交换格式,而JSONP是一种依靠开发人员创造出的一种非官方跨域数据交互协议。 script标签经常被用来加载不同域下的资源,可以绕过同源策略。(有src属性的都可以获取异域文件)。 如果请求的这个远程...
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON...
3.5.4 实例:AJAX的3种交换数据方法 3.6 小结 第4章 Servlet技术 4.1 Servlet的Helloworld程序 4.1.1 实例:在My Eclipse中编写Helloworld程序 4.1.2 实例:手工编写:Helloworld程序 4.2 Servlet基础 ...
数据交换载体:JSON 后端技术:Servlet,JSP,JDBC 后端框架:SpringMVC,Spring,MyBatis 测试框架:Junit4 测试工具:Apache JMeter 5.4 项目管理工具:Maven Java毕业设计项目:宿递大学生食堂外卖点餐系统技术...
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 ...
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 系统...
- XML文件:23个,用于配置SSM框架及各类数据交换。 - JavaScript文件:20个,实现了页面的动态交互效果。 - Java文件:18个,构成了系统的后端逻辑处理。 - PNG图片:13张,用于美化界面和提供视觉支持。 - CSS文件...
3.5.4 实例:AJAX的3种交换数据方法 3.6 小结 第4章 Servlet技术 4.1 Servlet的Helloworld程序 4.1.1 实例:在My Eclipse中编写Helloworld程序 4.1.2 实例:手工编写:Helloworld程序 4.2 Servlet...
四、友情链接联盟系统的最大突破就是采用远程抓取数据(xmlHttp技术)实现了真正的文本链接交换功能,一改以往的用javascript打开目标站点的方法,从而成功的突破了两个一直限制文字交换系统发展的瓶颈--被插件的...
JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...