使用cookie单击时将搜索值从一个html页面文本框传递到另一个html页面文本框？答案

【问题标题】：Pass Search value from one html page text box to another html page text box on click using cookies?使用cookie单击时将搜索值从一个html页面文本框传递到另一个html页面文本框？
【发布时间】：2016-06-22 23:00:58
【问题描述】：

我想使用 cookie 将搜索查询从一个 html 页面文本框传递到另一个 html 页面文本框。

我尝试了以下脚本，但它没有按预期工作：

第 1 页

<input type="text" value="" name="s" id="s1" />
<input id="btnSave" type="button" value="Search" onclick="Redirect();"/>

<script type="text/javascript">
    function Redirect() {
        var x = document.getElementById("s1").value;
        document.cookie = x;
        window.location.href = 'Result.html';
    }
</script>

第 2 页

<script>
    function getcookie() {
        document.getElementById("#s").value = document.cookie;
    }
</script>


<body onload="getcookie();">
<input id="s" type="text" />
</body>

【问题讨论】：

document.cookie 不能那样工作。它们以复杂的方式工作。简化它的一种方法是使用来自 quirksmode quirksmode.org/js/cookies.html#script 的代码
您可以为此使用本地存储。只是建议一种替代方法。它可以设置和获取。这很简单。

标签： javascript html cookies

【解决方案1】：

您应该设置 cookie 及其到期时间（当您想要检索甚至关闭浏览器并且在浏览器打开时再次需要它时，这并不重要但很有用）。还有一件事，当您获取 cookie 值时，它会提供包含所有 cookie 值的字符串，因此请对其进行自定义以获得所需。

设置饼干

function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

现在，从 cookie 中获取值，函数可以定义为

function getCookie(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 "";
}

齐心协力，在您现有的解决方案中工作

第 1 页

<script type="text/javascript">
    function Redirect() {
        var x = document.getElementById("s1").value;
        setCookie("s",x,2);
        window.location.href = 'Result.html';
    }
</script>

第 2 页

<body onload="document.getElementById('s').value =getCookie('s')">
<input id="s" type="text" />
</body>

【讨论】：

值已保存在 cookie 中，但搜索值未出现在第 2 页的文本框中。：/
我缺少正确的语法，可能是问题所在，如果有任何额外的内容，请告诉我
伙计，你救了我的命，终于成功了。还有一件事，在从cookies获取搜索值后加载页面时，如果我想运行这个搜索值来找到匹配的结果，怎么可能？我可以使用以下代码：` `
是的，您可以尝试在按钮上触发点击事件。如果没有给出所需的结果，最好用新的标题提出一个新的问题。快乐编码:)
好的。竖起大拇指队友:)

【解决方案2】：

伙计，使用下面的代码：

function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;}


function getCookie(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 "";}

function checkCookie() {
var user = getCookie("username");
if (user != "") {
    alert("Welcome again " + user);
} else {
    user = prompt("Please enter your name:", "");
    if (user != "" && user != null) {
        setCookie("username", user, 365);
    }
}}

【讨论】：