JS實現(xiàn)頁面跳轉并傳值
本文實例為大家分享了JS實現(xiàn)頁面跳轉并傳值的具體代碼,供大家參考,具體內(nèi)容如下
初次嘗試js實現(xiàn)值的傳輸和調用,想做一個界面登錄系統(tǒng),通過js實現(xiàn)將輸入的值傳到另外一個jsp文件中,卻被卡了挺久。
js的變量都是局部變量,網(wǎng)上眾說紛紜,嘗試了很多種依舊無法實現(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() == '學生') {
?? ??? ??? ??? ??? ??? ?document.getElementById("myForm").action="stulogin.jsp";
?? ??? ??? ??? ??? ??? ?document.getElementById("myForm").submit();
?? ??? ??? ??? ??? ?} else if (aVal.val() == '教師教輔人員'){
?? ??? ??? ??? ??? ??? ?$(this).attr('href','TeacherIndex.html');
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?});
?? ??? ??? ?});
</script>被輸入的值存于userName和password中
在js中由下方實現(xiàn)
document.getElementById("myForm").action="stulogin.jsp";
document.getElementById("myForm").submit();submit提交表單,頁面在點擊id=login的a標簽后實現(xiàn)跳轉
另一端jsp如下實現(xiàn)讀取
String name1=request.getParameter("userName");
String password1=request.getParameter("password");以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
javascript+css實現(xiàn)單擊顏色褪去效果
javascript+css實現(xiàn)單擊顏色褪去效果...2007-08-08
JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別實例分析【 5 個區(qū)別】
這篇文章主要介紹了JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別,結合實例形式分析了JS箭頭函數(shù)和常規(guī)函數(shù)之間的 5 個區(qū)別與相關使用注意事項,需要的朋友可以參考下2020-05-05
javascript實現(xiàn)促銷倒計時+fixed固定在底部
一個不錯的示例使用javascript實現(xiàn)的促銷倒計時且同時擁有fixed固定在底部,而且兼容ie6,喜歡的朋友可以參考下2013-09-09
Javascript 阻止瀏覽器默認操作的實現(xiàn)代碼
在瀏覽器事件中,會觸發(fā)一些默認動作,比如:點擊一個鏈接時,執(zhí)行完捕獲/冒泡動作后,會觸發(fā)鏈接的默認事件:跳轉到指定鏈接地址。2009-09-09

