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");
相关文章
Sally
2021-01-16
Bonnie
2021-06-25
Winona
2023-07-20
Vera
2023-07-20
Iola
2023-07-20
Viridis
2023-07-20
Dara
2023-07-20
Tertia
2023-07-20
Zada
2023-07-20
Rhea
2023-07-20
Lani
2023-07-20
Hazel
2023-07-20
Sue
2023-07-20
Antonia
2023-07-20
Zahirah
2023-07-20
Rae
2023-07-20
Flower
2023-07-20
Vala
2023-07-20