`

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>  
分享到:
评论

相关推荐

    基于JavaScript的JSP页面数据导出Excel.pdf

    在JSP页面数据导出Excel中,JavaScript主要用于数据交互、报表格式设计和数据获取。JavaScript可以通过EXT中间件进行数据交互,使用JsonReader将数据转换为JSON格式,并使用ActiveXObject创建Excel对象,实现数据的...

    Android与JSP数据交互

    在IT行业中,Android和JSP的数据交互是移动应用开发中常见的技术组合,特别是在构建服务器-客户端架构的应用时。本文将详细讲解如何利用Android客户端通过HTTP协议与运行在J2EE平台上的服务器进行数据交换,以及如何...

    JSP.rar_javascript_javascript项目_jsp javascript_jsp小项目

    开发者需要了解如何在JSP中设置和使用JavaScript,以及如何处理请求和响应,实现数据的增删改查等操作。 6. **学习资源**:"JSP编程基础知识"文件很可能是为了帮助初学者快速入门JSP,包含JSP生命周期、指令、动作...

    JSP与JS交互问题 值传递

    在Web开发中,JSP(Java Server Pages)和JS(JavaScript)都是常用的技术,但是在实际开发中,两者之间的交互问题经常会出现,特别是在值传递方面。本文将讨论JSP与JS交互问题的值传递,包括在JSP中访问JS返回的值...

    javascript和jsp面之间的传值.docx

    在JavaScript和JSP之间的数据交互中,关键在于理解它们各自的作用域和生命周期。JavaScript在客户端运行,而JSP在服务器端执行。因此,数据的传递通常通过HTTP请求(GET或POST)或者在HTML页面生成时嵌入JavaScript...

    ECharts前台后台数据交互Demo

    总结,ECharts与后台数据交互主要依赖于AJAX技术,通过前后端的协作,实现数据的动态加载和实时更新。这种方式极大地提高了用户体验,使数据可视化更加生动和实用。通过实践和不断优化,你可以构建出功能强大且互动...

    javascript和jsp页面之间的传值.docx

    通过上述介绍可以看出,JavaScript与JSP之间的数据交互可以通过多种方式进行。开发者可以根据实际需求选择最适合的方式来实现数据的传递和使用。随着技术的发展,更多高效便捷的数据交互方式也在不断涌现,这为Web...

    JSP与JavaScript整合使用.pdf

    通过将JSP和JavaScript整合使用,可以将服务器端的数据传递给客户端,实现客户端的动态交互。 在实现JSP和JavaScript的整合时,需要将JSP生成的数据传递给JavaScript函数,然后由JavaScript函数在客户端执行,以...

    Jsp+Servlet+Echarts实现动态数据可视化

    本教程将聚焦于使用JSP、Servlet和ECharts技术来实现动态数据可视化的具体过程和知识点。 首先,JSP(JavaServer Pages)是Java平台上的一种动态网页技术,它允许开发者在HTML代码中嵌入Java代码,从而实现服务器端...

    js(javascript)子窗口和父窗口交互

    这时,如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目提供的信息,本文将详细介绍两种实现父窗口与子窗口交互的方法。 #### 一、通过 `window.open()` 方法实现交互 `window.open()` 是一种常见...

    jsp+css+javascript

    **结合使用JSP、CSS和JavaScript** 在实际开发中,JSP通常负责处理服务器端逻辑,如数据处理和业务规则。CSS用于美化由JSP生成的HTML,提供网页的布局和视觉效果。JavaScript则负责增强用户体验,处理用户输入、动态...

    JSP,JavaScript,Servlet等做的简单的Blog程序

    **JSP(JavaServer Pages)** 是一种...总的来说,这个基于JSP、JavaScript和Servlet的Blog程序提供了一个完整的博客平台,涵盖了用户交互、数据处理和存储的关键环节,是学习Web开发和实践Java EE技术的一个典型实例。

    用JSP写的基于数据岛技术的xml购物车 源码

    - `cart.html`:可能是购物车的静态展示页面,可能包含一些HTML元素和JavaScript,用于与JSP交互,显示和操作购物车内容。 5. **实现流程**: - 用户在网页上选择商品,点击添加至购物车的按钮。 - JSP页面接收...

    JSP动态网站开发 第1章 JSP使用基础第2章 HTML与CSS第3章 JavaScript脚本编程…………

    本教程的"JSP动态网站开发"结合了HTML、CSS和JavaScript的基础知识,旨在帮助开发者构建功能丰富的交互式Web应用。通过学习,你可以掌握JSP的使用,理解HTML和CSS的布局原理,以及利用JavaScript实现动态效果,从而...

    jsp实现,登录,插入,查询oracle数据可视化看板,数据区域实现隐藏滚动条,但有滚动效果,图表利用highcharts控件

    总的来说,这个项目是一个典型的前后端结合的应用,前端使用JSP和JavaScript提供用户界面和交互,后端借助Oracle数据库存储和处理数据,同时通过Highcharts实现数据的可视化展示。在实际开发过程中,还需要考虑安全...

    JavaScript经典源码收藏-jsp.rar

    4. **动态加载数据**:使用JavaScript从JSP生成的JSON或XML数据中动态加载和渲染内容。 在“JavaScript经典源码收藏.jsp”这个文件中,可能包含了上述概念的实际应用示例,如JavaScript函数与JSP页面元素的交互,...

    JSP+Javascript+Css帮助文档

    综合使用JSP、JavaScript和CSS,开发者可以构建出功能强大、交互丰富且视觉美观的Web应用。这份文档将深入讲解这三个领域的技术细节,帮助开发者提高技能,解决实际问题。无论是初学者还是经验丰富的专业人士,都能...

    jsp.rar_javascript projects_jsp投票_vote jsp

    在这个项目中,JavaScript作为客户端脚本语言,与服务器端的JSP进行交互,实现了用户界面的动态更新和投票数据的提交。 首先,JSP是一种动态网页技术,允许开发者在HTML页面中嵌入Java代码,以实现服务器端的业务...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    在JSP页面中,可以使用JavaScript来处理客户端的交互,而服务器端的业务逻辑和数据处理则通过JSP标签库或Java代码完成。 - 当用户在前端选择日期时间后,可以通过Ajax异步请求将选定的值发送到服务器,JSP页面接收...

    html javaScript jsp学习笔记

    HTML、JavaScript和JSP是Web开发中的核心技术,它们各自承担着不同的职责,共同构建动态、交互式的网页应用。以下是对这三个技术的详细说明: **HTML(HyperText Markup Language)** HTML是网页的基础,用于定义...

Global site tag (gtag.js) - Google Analytics