欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值

 更新時間：2022年06月16日 15:28:24   作者：失散多年的哥哥  
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JS實(shí)現(xiàn)頁面跳轉(zhuǎn)并傳值的具體代碼，供大家參考，具體內(nèi)容如下

初次嘗試js實(shí)現(xiàn)值的傳輸和調(diào)用，想做一個界面登錄系統(tǒng)，通過js實(shí)現(xiàn)將輸入的值傳到另外一個jsp文件中，卻被卡了挺久。
js的變量都是局部變量，網(wǎng)上眾說紛紜，嘗試了很多種依舊無法實(shí)現(xiàn)。

如圖所示，讀取賬號密碼的內(nèi)容（如下）

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() == '學(xué)生') {
?? ??? ??? ??? ??? ??? ?document.getElementById("myForm").action="stulogin.jsp";
?? ??? ??? ??? ??? ??? ?document.getElementById("myForm").submit();
?? ??? ??? ??? ??? ?} else if (aVal.val() == '教師教輔人員'){
?? ??? ??? ??? ??? ??? ?$(this).attr('href','TeacherIndex.html');
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?});
?? ??? ??? ?});
</script>

被輸入的值存于userName和password中
在js中由下方實(shí)現(xiàn)

document.getElementById("myForm").action="stulogin.jsp";
document.getElementById("myForm").submit();

submit提交表單，頁面在點(diǎn)擊id=login的a標(biāo)簽后實(shí)現(xiàn)跳轉(zhuǎn)
另一端jsp如下實(shí)現(xiàn)讀取

String name1=request.getParameter("userName");
String password1=request.getParameter("password");

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論