[英]Set cookie and display the value of cookie
我正在努力在Cookies中存儲和讀取信息。 所以基本上我有兩個帶有名稱字段的HTML頁面。 在第1頁上,我必須閱讀該字段並將其值保存到cookie中。 然后提交,它將轉到第2頁,讀取cookie並顯示我在第1頁上鍵入的名稱。但是,我無法顯示第2頁第1頁上的值。這是我的代碼:
第1頁:
<html>
<head>
<title>Save Value</title>
<script type="text/javascript">
function setCookie(cname, cvalue) {
document.cookie = cname + "=" + cvalue + "; ";
}
</script>
</head>
<body>
<form action="display.html" method="get">
<label>
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" />
</label>
<input type="submit" value="submit" onclick="setCookie()" />
</form>
</body>
</html>
第2頁:
<html>
<head>
<title>Display</title>
<script type="text/javascript">
function readCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
</script>
</head>
<body>
<form action="#">
<label>
First Name:
<input name="namefield" size="20" maxlength="25" type="text" id="name" readonly="readonly" />
</label>
<script type="text/javascript">
var val1 = document.getElementById("name").value;
val1 = readCookie('namefield');
</script>
</form>
</body>
</html>
關於這個問題有什么想法嗎? 非常感謝!
您調用不帶參數的setCookie()
<input type="submit" value="submit" onclick="setCookie('name', document.getElementById('name').value)" />
然后,您用於讀取Cookie和設置值的代碼也有問題,請嘗試檢查jsfiddle,並在一頁上全部完成http://jsfiddle.net/ApfJz/44/
通過以下方式獲取Cookie和設置值
<input type="submit" value="Get cookie" onclick="document.getElementById('name2').value = readCookie('name')" />
您的代碼根本沒有設置值並且讀取了錯誤的cookie名稱
var val1 = document.getElementById("name").value;
val1 = readCookie('namefield');
所以在您的第2頁上,它可以像這樣工作
document.getElementById('name').value = readCookie("name");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.