JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值
更新時(shí)間：2022年06月16日 15:28:24 作者：失散多年的哥哥
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值的具體代碼，供大家參考，具體內(nèi)容如下
初次嘗試js實(shí)現(xiàn)值的傳輸和調(diào)用，想做一個(gè)界面登錄系統(tǒng)，通過(guò)js實(shí)現(xiàn)將輸入的值傳到另外一個(gè)jsp文件中，卻被卡了挺久。
js的變量都是局部變量，網(wǎng)上眾說(shuō)紛紜，嘗試了很多種依舊無(wú)法實(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的面向?qū)ο?二)...2006-11-11
微信小程序+mqtt,esp8266溫濕度讀取的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序+mqtt,esp8266溫濕度讀取的實(shí)現(xiàn)方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了js查找節(jié)點(diǎn)的方法,實(shí)例總結(jié)了查找節(jié)點(diǎn)常用的三種方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
Javascript的數(shù)組與字典用法與遍歷對(duì)象的技巧
Javascript 的數(shù)組Array,既是一個(gè)數(shù)組，也是一個(gè)字典(Dictionary)。先舉例看看數(shù)組的用法2012-11-11
這篇文章主要為大家詳細(xì)介紹了javascript特殊日歷控件的使用方法，展示了javascript日歷控件實(shí)現(xiàn)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要給大家介紹了關(guān)于ES6小技巧之代替lodash的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
本篇文章給詳細(xì)講解了9個(gè)JavaScript圖表庫(kù)以及用法，需要的朋友參考學(xué)習(xí)下。2017-12-12
這篇文章主要為大家詳細(xì)介紹了javascript創(chuàng)建對(duì)象的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript 值類(lèi)型和引用類(lèi)型的初次研究(推薦)
這篇文章主要介紹了JavaScript 值類(lèi)型和引用類(lèi)型的初次研究,需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠小游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05