gpt4 book ai didi

javascript - 设置cookie并显示cookie的值

转载 作者:行者123 更新时间:2023-12-03 10:25:47 25 4
gpt4 key购买 nike

我正在研究在 Cookie 中存储和读取信息。所以基本上我有两个带有名称字段的 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");

关于javascript - 设置cookie并显示cookie的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29407194/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com