JS實現頁面跳轉並傳值

Posted on by

本文實例為大傢分享瞭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");

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：