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

Posted 2020-10-04

                                                                                        页面传值小技巧

               平常我们在做的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了