`
gaosililn
  • 浏览: 70309 次
  • 性别: 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>
 

 

分享到:
评论

相关推荐

    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电子书城系统

    后台使用c3p0Pool及c3p0.properties配置连接数据库,使用java原生jdbc连接方式与数据库进行数据交互,控制层使用servlet作为与前端页面进行数据交互的基层,dao层编写jdbc对数据库进行操作的java代码,service层提供...

    俩个页面交互

    作用与俩个页面交互 数据!比如:从一个页面跳转到另一个页面,之后进行了js等操作后,改变前一个页面

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

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

    jsp网络编程从基础到实践

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

    jsp统计图(xml解析数据)

    习惯了使用Office Web Component(OWC),Report Viewer控件,以及GDI+进行绘制图标,下面介绍下可以生成图表更生动的FusionCharts Free画图,它可以更简洁地与用户进行交互,更重要的是,这基本上是一个完全免费的...

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

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

    JSP网络编程从基础到实践

    《JSP网络编程从基础到实践》 实例1 第一个JSP页面 Web开发基础 实例2 HTML与JavaScript交互示例 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用...

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

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

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

    数据库方面,系统可能采用了MySQL或其他关系型数据库来存储和管理数据,通过JDBC(Java Database Connectivity)进行数据交互。安全性方面,系统可能实现了用户认证和授权机制,确保只有授权用户才能访问敏感数据。...

    用ajax实现的jsp二级联动下拉列表

    用ajax实现的jsp二级联动下拉列表,使用异步交互的二级联动堪称jsp革命性变动。以前的联动大都是把所有的数据取出来放在javascript中,就一个字------烦

    jsp+sql书店(论文).rar

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

    layui之数据表格–与后台交互获取数据的方法

    js //用户列表 var tableIns = table.render({ elem: '#userList', url : 'userAction_findAll.action', cellMinWidth : 95, page : true, height : full-125, limits : [10,15,20,25], limit : 10, id : ...

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

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

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

    一个简洁的学生管理系统,系统基于servlet和javabean的javaWeb系统 ...JDBC(Java Database Connectivity):用于与数据库进行交互,执行SQL查询和更新。 MySQL:关系型数据库,用于存储和管理数据。

    JSP基于Iptables图形管理工具的设计与实现(源代码+论文).rar

    前端采用HTML、CSS和JavaScript技术构建用户友好的交互界面,后端则利用JSP与Java Beans处理业务逻辑,并通过JDBC与数据库进行数据交换,确保了应用的性能与稳定性。同时,附带的学术论文详尽阐述了该工具的设计理念...

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

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

    实验室预约管理系统(ssh+jsp+mysql5.x)含运行截图

    JSP能够轻松实现前端页面与后端数据的交互,MySQL5.x则确保数据的稳定和安全。这样的技术搭配,不仅保证了实验室预约管理系统的运行效率,同时也简化了系统的扩展和维护工作,极大地提升了资源利用率和管理便捷性。

    基于Java的JSP技术的天气查询网站设计源码

    该网站利用Java的JSP技术,结合JavaBean和Servlet,实现了动态、交互式的Web应用开发。同时,通过利用现有的天气查询接口,网站可以方便地获取实时的天气数据,为用户提供准确的天气信息服务。项目结构清晰,代码...

Global site tag (gtag.js) - Google Analytics