HTML5技术

HTML5+js页面传值给Java后台的小技巧 - ML夜神

字号+ 作者:H5之家 来源:H5之家 2017-08-25 17:00 我要评论( )

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

                                                                                        页面传值小技巧

               平常我们在做的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  type="hidden"/>

               

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

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 单文件文件上传到服务器(HTML5+js+Java) - ML夜神

    单文件文件上传到服务器(HTML5+js+Java) - ML夜神

    2017-08-20 08:00

  • css超简单实现div页面居中【适合做弹出框】 - 苏小苏sxs

    css超简单实现div页面居中【适合做弹出框】 - 苏小苏sxs

    2017-08-15 14:00

  • 制作H5响应式页面注意事项、微信二次分享 - 霓好

    制作H5响应式页面注意事项、微信二次分享 - 霓好

    2017-08-14 10:00

  • C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源码 - GuZhenYin

    C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源

    2017-08-09 15:01

网友点评
c