`

JavaScirpt和JSP数据数据交互使用问题

    博客分类:
  • JSP
阅读更多
一、页面中的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与JS交互问题 值传递

    一、在JSP中访问JS返回的值: 问题: 代码如下:[removed] &lt;!– var str=”123″; &lt;&#37; String aa; %&gt; –&gt; [removed] 怎么让这个JSP里的aa获得JAVASCRIPT中str的值???? 详细一点就是: 代码如下:[removed] ...

    梁建武<JSP程序设计实用教程>之第三章 JavaScript和Java语言

    为什么学习JSP之前必须掌握JavaScript和Java语言?因为JSP是基于Java语言的,JSP是Java的网络应用,所以理所当然要熟悉Java语言,而JavaScript是一种基于对象的脚本语言,主要负责客户端的界面控制等工作,能让你在...

    jsp结合js实现三级菜单联动.pdf

    本例中,我们使用jsp技术与JavaScript技术实现三级菜单联动的下拉列表框效果,提高用户体验和交互性。 知识点: 1. jsp技术的主要特点是什么? 答:jsp技术可以与其它Java技术集成,如Servlet、JavaBean、EJB等,...

    基于JAVA JSP网上书店系统的毕业设计,JSP和Servlet技术,前端HTML、CSS和JavaScript,MySQL

    一个基于JAVA JSP技术的网上书店系统的毕业设计。该系统可以帮助用户方便地浏览和购买书籍...1. 前端设计:使用HTML、CSS和JavaScript编写网页前端,通过JSP技术将前端页面和后台数据进行交互。 2. 数据库设计:设计数

    基于JSP技术的Web应用程序开发的安全策略_赵锋

    JSP技术提供了多种输入验证和数据验证机制,如使用正则表达式对输入数据进行验证、使用JSTL对输入数据进行验证等。 2.4 加密和解密机制 加密和解密机制是确保数据传输安全的重要手段。JSP技术提供了多种加密和解密...

    基于SSM框架和Bootstrap的图书管理系统CRUD源码,支持数据校验与Ajax交互

    项目概述:本项目是一个基于SSM(Spring、SpringMVC、MyBatis)框架和Bootstrap的图书管理系统,实现了CRUD(创建、读取、更新、删除)功能,并提供数据校验机制及Ajax交互支持。主要开发语言为Java,辅以CSS和...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript操作Java Applet。 15.2.html 在Java Applet中调用JavaScript。 15.3.svg 基本SVG文件。 15.4.svg 使用JavaScript...

    ApexCharts.JS 是一个现代化 JavaScript 图表库,用于使用简单的 API 构建交互式图表和可视化

    apexcharts.js:一个现代JavaScript图表库,用于使用简单的API构建交互式图表和可视化

    jsp统计图(xml解析数据)

    和Free版本相比,FusionCharts有一个非免费的商用版本,其功能更加强大,事实上,不仅是HTML+JavaScript,无论是何种服务器端编程语言,比如PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on Railsy等等,甚至...

    基于layui+jsp+servlet的宾馆管理系统源码+数据库+项目说明(含设计报告).zip

    前端UI采用layui框架,套用layuimini模板,使用基于jquery及javascript的jsp页面实现。使用IDEA作为开发工具,并将网页部署在tomcat上运行。 mysql数据库用户名:root mysql数据库密码:root mysql数据库中使用...

    【JavaScript】基于JSP的酒店客房管理系统源【源码+lw+部署文档+讲解】

    内容概要:这个计算机毕业设计项目是基于JSP(JavaScript)的酒店客房管理系统的设计与实现,旨在帮助学生通过实践掌握JSP技术和数据库应用,并了解酒店客房管理系统的开发流程和技术选型。该系统旨在提供一个完整的...

    基于servlet+Jsp+Mysql 的学生信息管理系统源代码,一个简洁的学生管理系统

    JavaScript:用于处理客户端的交互和验证。 CSS:用于创建用户界面和样式。 后端技术: Servlet:用于处理HTTP请求和响应,实现业务逻辑。 JavaBean:用于封装数据和业务逻辑。 JDBC(Java Database Connectivity)...

    JSP教师档案管理系统(源代码+论文).rar

    此外,系统还可能包括日志记录、错误处理和数据备份恢复等功能,以提高系统的稳定性和可靠性。该资料包包含了完整的JSP教师档案管理系统源代码,以及相关的文档和论文。源代码中详细展示了系统的开发

    jsp网络编程从基础到实践

    实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...

    基于JavaWeb的人才招聘网站毕业设计,采用B/S结构,前台页面使用HTML、CSS、JavaScript设计

    整个项目采用B/S结构,前台页面使用HTML、CSS、JavaScript设计,与服务器端进行数据交互;后台使用JSP、Servlet、JDBC等技术进行开发,使用MySQL数据库进行数据存储。项目的开发环境为Windows10系统,采用Eclipse作为IDE,...

    第三章 JavaScript和Java语言

    为什么学习JSP之前必须掌握JavaScript和Java语言?因为JSP是基于Java语言的,JSP是Java的网络应用,所以理所当然要熟悉Java语言,而JavaScript是一种基于对象的脚本语言,主要负责客户端的界面控制等工作,能让你在...

    jsp+sql书店(论文).rar

    在这个系统中,使用了JSP作为前端展示层,负责与用户进行交互,展示图书信息、用户订单等。同时,利用JavaScript和CSS技术,实现了一些动态效果和美化页面的功能。后端则采用了Java作为主要开发语言,结合JDBC技术,...

    JSP网络编程从基础到实践的实例代码

    第7章 在JSP中使用数据库 实例43 顺序查询数据库表中的数据 实例44 移动查询 实例45 参数查询 实例46 模糊查询 实例47 综合查询 实例48 追加记录 实例49 删除记录 实例50 更新记录 实例51 分页显示记录 ...

    JSP无限级分类目录树-sorttree.zip

    数据的获取和处理:在JSP页面中,需要通过SQL查询语句来获取数据库中的所有节点数据,并将其按照树形结构进行整理和排序。这样就可以在页面上展示出完整的导航树。 样式和交互设计:为了让用户更方便地浏览和访问...

    音乐网站(JSP+SERVLET).rar

    它包括前端用户界面和后端服务器逻辑,前端使用HTML、CSS和JavaScript构建,后端则使用JSP和Servlet处理业务逻辑和数据存储。在这个项目中,用户可以浏览不同的音乐类别,搜索特定的歌曲或者艺术家,也可以创建自己...

Global site tag (gtag.js) - Google Analytics