`
gaosililn
  • 浏览: 73080 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

js与jsp数据交互

    博客分类:
  • web
 
阅读更多

在JS与JSP当中,数据交互是不能直接进行交互的,为啥?

JS是相当于前段的数据,而JSP是后台的数据,两者要进行交互一定的通过第三者交互。就行两台独立的计算机,上面的文件要进行交互必须进行传输才能交互,其中一台式不能直接使用另外一台计算机的上面的数据。

前端与后台怎么进行交互?JS可以通过将值添加到URL当中,这样链接时候就可以将JS 的值传到后台当中,也可以使用表单,这样也可以将表单的全部值都传到后台。

 

URL方式
http://……***.jsp?name="%%%"...
 
<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>
 

 

分享到:
评论

相关推荐

    Android与JSP数据交互

    在Android与JSP的数据交互中,JSON常被用作数据传输的载体,因为它的结构清晰,支持复杂的数据结构,且跨平台兼容性好。 JSP(JavaServer Pages)是基于Java的动态网页技术,它允许开发者在HTML页面中嵌入Java代码...

    JSP与JS交互问题 值传递

    %&gt; –&gt; [removed] 怎么让这个JSP里的aa获得JAVASCRIPT中str的值???? 详细一点就是: 代码如下:[removed] function returnValue(){ var myform=document.form1; var str=myform.text1.value; &lt;&#37; String aa; /...

    JSP数据交互.docx

    JSP 数据交互 JSP(Java Server Pages)是一种服务器端脚本语言,主要用于动态网页开发。JSP 文件的处理需要经过三个阶段:翻译阶段、编译阶段和执行阶段。在翻译阶段,JSP 文件会被 Web 容器中的 JSP 引擎转换成 ...

    applet与jsp的交互

    在上述文件列表中,`java_js.html`可能是一个关于Java与JavaScript交互的文档,而`java_js_files`可能包含了一些示例代码或者库文件,用于演示或支持Applet与JSP的交互。 总之,理解Applet与JSP的交互对于深入学习...

    ECharts前台后台数据交互Demo

    本教程将深入讲解如何通过AJAX技术实现ECharts与后台MySQL数据库的数据交互,以创建动态、实时的数据展示Demo。 一、ECharts简介 ECharts是一款轻量级的图表库,支持多种图表类型,可以灵活地进行配置和定制,满足...

    JSP中java代码与js之间的传值

    在JavaServer Pages (JSP) 中,我们经常需要在Java代码和JavaScript之间传递数据。这在构建动态网页时尤其重要,因为Java代码通常用于处理服务器端逻辑,而JavaScript则负责客户端交互。这篇博客将探讨如何在JSP中...

    Unity3D与网页数据交互的基本原理1

    此外,Unity3D还可以与后端服务器(如PHP、JSP)进行数据交互,通常是通过HTTP表单提交的方式。在Unity3D中,可以使用`WWW`类或者`UnityWebRequest`类(Unity较新版本)来发送HTTP请求,将数据作为表单数据提交到...

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

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

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

    ### JavaScript 子窗口与父窗口交互详解 在前端开发中,常常会遇到需要在一个窗口(通常称为父窗口)中打开另一个...通过这两种方法,我们可以有效地实现父窗口与子窗口之间的数据交互,从而更好地满足实际开发需求。

    js与jsp操作sql数据库

    在这个主题中,“js与jsp操作sql数据库”指的是使用JavaScript构建动态SQL语句,然后通过JSP在服务器端执行这些SQL语句,以与SQL Server数据库进行交互。下面我们将详细探讨这一过程。 首先,JavaScript是一种运行...

    JSP与SQL2000数据库交互信息的实现

    本文将详细讲解如何使用JSP与SQL Server 2000进行数据交互,实现一个基础的信息传递示例。 首先,我们需要确保开发环境中已经安装了SQL Server 2000,并且设置了一个名为"sa"的数据库管理员账号,密码也为"sa"。这...

    js+jsp三级联动 源码

    在IT行业中,"js+jsp三级联动 源码"是一个常见的前端与后端交互的实践案例,主要用于实现用户界面的动态筛选和过滤。这里,我们主要探讨的是使用JavaScript(js)和JavaServer Pages(jsp)来创建一个具有三级联动...

    js+jsp树形菜单

    总之,"js+jsp树形菜单"是一个融合了前端与后端技术的实践,它展示了如何利用JavaScript和JSP协同工作,为用户提供交互性强、数据驱动的菜单界面。理解并掌握这一技术,对于Web开发者来说是非常有价值的。

    jsp+flash交互

    这里,我们将深入探讨JSP(JavaServer Pages)与Flash如何协同工作,以及它们在数据库交互中的应用。 **JSP(JavaServer Pages)** 是一种服务器端脚本语言,由Java开发,用于生成动态网页内容。JSP允许开发者在...

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

    5. 用户与图表交互(如点击、缩放等),JSP可以通过AJAX技术再次向Servlet发送请求,获取新的数据,更新图表。 在这个过程中,你还需要掌握以下关键技术点: - JSON(JavaScript Object Notation):一种轻量级的...

    JSP.rar_javascript_javascript项目_jsp javascript_jsp小项目

    标题"JSP.rar_javascript_javascript项目_jsp javascript_jsp小项目"揭示了这个压缩包的内容主要是关于JSP(JavaServer Pages)与JavaScript的结合应用,特别是JavaScript在JSP项目中的实践。它暗示我们将讨论的是一...

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

    在本项目中,JSP用于处理用户请求,生成动态页面,并与XML数据进行交互。JSP页面`cart.jsp`可能是核心逻辑的入口,负责解析用户的操作,如添加商品、删除商品或显示购物车内容。 2. **XML(Extensible Markup ...

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

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

    JSP 与数据库联系 从数据可中把数据放到Jsp页面上以表格的形式显示

    本篇将深入讲解如何利用JSP与数据库进行连接,以及如何将数据库中的数据以表格的形式展示在JSP页面上,同时提供颜色变化的可能性。 首先,我们需要建立JSP与数据库之间的连接。这通常通过Java的JDBC(Java Database...

Global site tag (gtag.js) - Google Analytics