JS实现页面跳转并传值
更新时间:2022年06月16日 15:28:24 作者:失散多年的哥哥
这篇文章主要为大家详细介绍了JS实现页面跳转并传值,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了JS实现页面跳转并传值的具体代码,供大家参考,具体内容如下
初次尝试js实现值的传输和调用,想做一个界面登录系统,通过js实现将输入的值传到另外一个jsp文件中,却被卡了挺久。
js的变量都是局部变量,网上众说纷纭,尝试了很多种依旧无法实现。
如图所示,读取账号密码的内容(如下)
html
<form method="get" id="myForm"> <div class="account clearfix"> <span>账 号:</span> <input type="text" id="nm" name="userName" /> </div> <div class="password clearfix"> <span>密 码:</span> <input type="text" id="pw" name="password" /> </div> <div class="btn"> <span id="login"><a>登录</a></span> <span class="forget"><a href="password.html" >修改密码</a></span> </div> </form>
JS
<script type="text/javascript"> $(document).ready(function(){ $('#login').on('click','a',function(){ var aVal = $('.identifire select'); if (aVal.val() == '学生') { document.getElementById("myForm").action="stulogin.jsp"; document.getElementById("myForm").submit(); } else if (aVal.val() == '教师教辅人员'){ $(this).attr('href','TeacherIndex.html'); } }); }); </script>
被输入的值存于userName和password中
在js中由下方实现
document.getElementById("myForm").action="stulogin.jsp"; document.getElementById("myForm").submit();
submit提交表单,页面在点击id=login的a标签后实现跳转
另一端jsp如下实现读取
String name1=request.getParameter("userName"); String password1=request.getParameter("password");
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
JavaScript 实现HTML DOM增删改查操作的常见方法详解
这篇文章主要介绍了JavaScript 实现HTML DOM增删改查操作,结合实例形式分析了JavaScript针对HTML DOM元素增删改查常见操作技巧与使用注意事项,需要的朋友可以参考下2020-01-01asp.net中System.Timers.Timer的使用方法
asp.net中System.Timers.Timer的使用方法,需要的朋友可以参考一下2013-03-03el-date-picker与el-time-picker的时间格式设置代码
这篇文章主要介绍了el-date-picker与el-time-picker的时间格式设置代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-11-11
最新评论