HTML5+js页面传值给Java后台的小技巧

页面传值小技巧

平常我们在做的web项目，一般一个HTML页面上会有好几个步骤，step_num①，step_num②，step_num③，一般先显示step_num①，根据跳转条件显示step_num②，step_num①隐藏，再跳转step_num③，step_num①，step_num②隐藏，step_num③显示。

思路： （js设置全局变量，哪里需要在哪里添加一个input标签，把值赋给一个input，然后再让input隐藏）。

先说下我做的页面的结构，进入xxx.html页面，通过js发送ajax.postForm请求，请求一个action，action调用handler，每一个功能都要请求一个action。

前两天做的就是这样的一个页面，然后在传值的时候就碰到了一个让人脑仁疼的问题，需要在step_num①中显示和未显示的值，传到step_num③对应的后台Java代码，我特么也是醉，试了好几种方法都不好用，最后，采用了一个小技巧

　　　　在js中先设一个全局变量，比如var groupID=" ";   ，然后把从step_num①中从后台action传过来的GroupID赋给groupID，怎么传给页面三对应的Java后台呢？

现在step_num③对应的HTML代码中写上这样一条语句：<input id="chuanzhi" name="chuanzhi"  type="hidden"/>

然后在对应的js代码中把   $("#chuanzhi").val(groupID);

　　　　 这样你在step_num③对应的Java后台中就可以通过request.getParameter("chuanzhi")； 获得你想要的groupID了

时间： 2024-10-10 15:18:08

HTML5+js页面传值给Java后台的小技巧的相关文章

JS中直接从java后台获得对象的值（数组的值）

这里举得例子是:JS直接从后台Contorller中(SpringMVC中的model中)获得数值的值 Contorller 此处将 talentIntegralRecordsDay talentIntegralRecordsIntegral 两个数组用JSON.toJSONString()封装. @SuppressWarnings("deprecation") @RequestMapping("/integralParadise") public ModelAnd

关于使用JS前台加密、JAVA后台解密的RSA实现，RSA加密和签名

需求环境: 西安项目中,客户要求保护用户的密码信息,不允许在http中传递明文的密码信息. 实现: 用RSA非对称加密方式实现.后台生成rsa密钥对,然后在登陆页面设置rsa公钥,提交时用公钥加密密码,生成的密文传到后台,用私钥解密,获取密码明文. 这样客户端只需要知道rsa加密方式和公钥,前台不知道私钥是无法解密的,此解决方案还是相对比较安全的. 附件是参照网友资料的java+JS的实现,放在这里供大家下载.访问方式/RSA/login.jsp. 需要到http://www.bouncycas

vue使用fetch.js发送post请求java后台无法获取参数值

问题:前台vue使用fetch.js发送post请求后,后台 request.getParameter()无法获取到参数值 思路:查阅后,原因为fetch中头文件Content-type这个Header为application/x-www-form-urlencoded导致request请求中的form data变成request payload 处理办法:后台controller中使用流接受数据后,在进行查询操作既可. vue代码 /** * 获取行业大类 */ export const ha

学习Java语言的小技巧

最初接触到的计算机编程语言是C语言,再有了c语言的基础上,Java入门也变得简单多了.Java其实是一个地名,盛产咖啡,所以图标像咖啡一样,然而慢慢接触,你才能体会到Java的甘甜. Java的运行时在虚拟机上面的,也就是说Java相比于c语言直接接触硬件的操作安全的多,Java用虚拟内存访问数据,我编译Java用的是Eclipse这个软件,这个软件是完全免费的,初学者可以到官网去下载.当你安装好Eclipse的时候,是不能使用的,因为缺少运行环境,你还需要下载一个JDK,也就是给Java运行的

atitit.js&#160;javascript&#160;调用c#&#160;java&#160;php后台语言api&#160;html5交互的原理与总结p97

atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97 1. 实现html5化界面的要解决的策略1 1.1. Js交互1 1.2. 动态参数个数2 1.3. 事件监听2 1.4. 异常转换2 2. dwrC.exec3 2.1. 支持 ajax 与browExt模式  支持反射,直接继承调用后台api3 2.2. sendNSCommand (nativeswing的实现)3 2.3. --------nativeswing的实现3

单文件文件上传到服务器（HTML5+js+Java）

上传单文件到服务器 应公司要求,在HTML5页面上实现上传文件到服务器,对于一个还没毕业的实习生菜鸟来说,这可不得了-----不会,网上各种百度,找各种博客还是没解决,最后还是请教了公司的大神,人家给卸了一个例子,然后根据人家写的终于把这个上传文件搞定. 好了,开始上代码. HTML5代码: <form name="upform" action="" method="POST"> <input type ="file&

通过js动态生成文本框，怎么把文本框中的值传到java后台?

通过js动态生成文本框,怎么把文本框中的值传到java后台? 1 var lengths; 2 function insertrow2() //增加的一行方法2 3 { 4 newRow=document.all.yltable.insertRow(-1); 5 lengths = document.all.yltable.rows.length; 6 7 newcell=newRow.insertCell() ; 8 newRow.bgColor='#FFFFFF'; 9 newcell.al

纯js懒加载，java后台举例

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 function getElementsByClassName(str,root,tag){        if(root){            root = type

JS动态更新HTML5 APP页面的结构（包括功能和布局）

HTML5 APP开发算是越来越流程了.当然,开发这样的HTML5 APP有什么好处呢.笔者认为:可以通过后台JS动态更新HTML5 APP页面的结构,是一大优势. 那如何实现该功能呢. 首先,得知道其原理:为什么可以通过后台JS就可以更新前台APP. 接着,得知道操作步骤是怎样的. 详细内容,可以查看如下链接: HTML5 APP 实现后台JS更新APP前端页面功能 HTML5 APP开发之动态调整页面布局 如需要源码,请@我 (一份完整的源代码,收费1元)