JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值
本文實(shí)例為大家分享了JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值的具體代碼,供大家參考,具體內(nèi)容如下
初次嘗試js實(shí)現(xiàn)值的傳輸和調(diào)用,想做一個(gè)界面登錄系統(tǒng),通過js實(shí)現(xiàn)將輸入的值傳到另外一個(gè)jsp文件中,卻被卡了挺久。
js的變量都是局部變量,網(wǎng)上眾說紛紜,嘗試了很多種依舊無法實(shí)現(xiàn)。
如圖所示,讀取賬號(hào)密碼的內(nèi)容(如下)
html
<form ?method="get" id="myForm"> ?? ??? ??<div class="account clearfix"> ?? ??? ????<span>賬 號(hào):</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提交表單,頁(yè)面在點(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");
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript+css實(shí)現(xiàn)單擊顏色褪去效果
javascript+css實(shí)現(xiàn)單擊顏色褪去效果...2007-08-08小程序?qū)崿F(xiàn)左右來回滾動(dòng)字幕效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)左右來回滾動(dòng)字幕效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別實(shí)例分析【 5 個(gè)區(qū)別】
這篇文章主要介紹了JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別,結(jié)合實(shí)例形式分析了JS箭頭函數(shù)和常規(guī)函數(shù)之間的 5 個(gè)區(qū)別與相關(guān)使用注意事項(xiàng),需要的朋友可以參考下2020-05-05JavaScript代碼模擬鼠標(biāo)自動(dòng)點(diǎn)擊事件示例
這篇文章主要介紹了JavaScript代碼模擬鼠標(biāo)自動(dòng)點(diǎn)擊事件示例,文章通過示例代碼和運(yùn)行效果圖介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08D3.js實(shí)現(xiàn)拓?fù)鋱D的示例代碼
本篇文章主要介紹了D3.js實(shí)現(xiàn)拓?fù)鋱D的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06javascript實(shí)現(xiàn)促銷倒計(jì)時(shí)+fixed固定在底部
一個(gè)不錯(cuò)的示例使用javascript實(shí)現(xiàn)的促銷倒計(jì)時(shí)且同時(shí)擁有fixed固定在底部,而且兼容ie6,喜歡的朋友可以參考下2013-09-09Javascript 阻止瀏覽器默認(rèn)操作的實(shí)現(xiàn)代碼
在瀏覽器事件中,會(huì)觸發(fā)一些默認(rèn)動(dòng)作,比如:點(diǎn)擊一個(gè)鏈接時(shí),執(zhí)行完捕獲/冒泡動(dòng)作后,會(huì)觸發(fā)鏈接的默認(rèn)事件:跳轉(zhuǎn)到指定鏈接地址。2009-09-09