Re: [問題] 如何將A網頁的值傳到B網頁
jsfiddle不能用querystring, 所以我就直接寫在這了, 你要自己存成兩個檔案
以下為兩個file, login.html, auth.html
login把帳號密碼丟給auth, 然後auth把收到的資訊show出來
這只是一個簡單的範例
如果你是真的想做登入的功能, 要用Server side
如果你只會JavaScript或是只想學JavaScript
可以考慮玩玩NodeJS (http://nodejs.org/)
其他的不多說了, 直接給你一個簡單的範例
我把很多東西拿掉, 只是讓你看到重點所在
login.html
做一個form, submit到auth
<form action="auth.html" method="GET">
<input type="text" name="username" />
<input type="password" name="password" />
<input type="submit">
</form>
submit後, 因為是用GET方法, 所以auth.html會得到一個querystring
網址會長得像這樣 auth.html?username=test&password=test
(這只是範例, 如果你做實際功能method要用POST,參數就不會顯示在網址上
通常用GET是拿來傳不怕被人看到的參數)
querystring就是?username=test&password=test
auth.html
以下程式就是抓取QeuryString, 然後顯示, 也可以直接寫成function
<script type="text/javascript">
// 建立一個參數儲存QueryString的所有變數
var params = {};
//切割分配參數
var queryArr = window.location.search.substring(1).split('&');
for (var key in queryArr) {
var v = queryArr[key].split('=');
params[v[0]] = v[1];
}
// 輸出結果 (如果你的參數沒有username或是password, 會回傳undefined)
document.write("Username=" + params['username']);
document.write("Password=" + params['password']);
</script>
當然你也可以用板友說的
Localstorage(http://html5demos.com/storage-events#view-source)
Cookie(http://www.w3schools.com/js/js_cookies.asp)
你也可以自己試著實作看看, 有問題再問吧
※ 引述《wadexman (阿竣)》之銘言:
: 想請問兩個HTML的頁面如何用Javascript傳值?
: 以下是我失敗的原始碼QQ"
: 還請高手給予指教!謝謝
: A網頁 http://jsfiddle.net/SyfJh/
: B網頁 http://jsfiddle.net/DRLJj/
--
「面對每件事情,有堅強的實力才能用"玩"的狀態完成那些事。」
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 124.219.54.65
推
11/28 14:46, , 1F
11/28 14:46, 1F
推
11/28 17:02, , 2F
11/28 17:02, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):