jQuery将div中的值存储在cookie中,并在刷新页面时加载它

jQuery将div中的值存储在cookie中,并在刷新页面时加载它,jquery,html,css,jquery-cookie,Jquery,Html,Css,Jquery Cookie,我试图在单击按钮时存储此div的值 <div id="results"> <span id="eresult">0</span> </div> <input id="excellent" type="image" src="smile.png" name="image" width="150" height="150"> 我这样存储cookie对吗?当页面刷新时,我如何检索值并再次在“eresult”中显示它?根据您

我试图在单击按钮时存储此div的值

<div id="results">
        <span id="eresult">0</span>
</div>

<input id="excellent" type="image" src="smile.png" name="image" width="150" height="150">
我这样存储cookie对吗?当页面刷新时,我如何检索值并再次在“eresult”中显示它?

根据您设置cookie的正确方式:

$.cookie('name', 'value');
您可以这样读取cookie:

$.cookie('ename'); // => "value"
$.cookie('nothing'); // => undefined
$(document).ready(function(){
    $('#eresult').html(
        $.cookie('ename');
    );
});
您可以这样设置
0
的内容:

$.cookie('ename'); // => "value"
$.cookie('nothing'); // => undefined
$(document).ready(function(){
    $('#eresult').html(
        $.cookie('ename');
    );
});
根据以下说明,您正在以正确的方式设置cookie:

$.cookie('name', 'value');
您可以这样读取cookie:

$.cookie('ename'); // => "value"
$.cookie('nothing'); // => undefined
$(document).ready(function(){
    $('#eresult').html(
        $.cookie('ename');
    );
});
您可以这样设置
0
的内容:

$.cookie('ename'); // => "value"
$.cookie('nothing'); // => undefined
$(document).ready(function(){
    $('#eresult').html(
        $.cookie('ename');
    );
});

您可以使用您创建的名称检查cookie是否存在,然后可以打印值

$(document).ready(function(){
    if($.cookie("ename") != '') {
        $("#eresult").html($.cookie("ename"));
         // or
        document.getElementById("eresult").innerHTML = $.cookie("ename");

    }
});

您可以使用您创建的名称检查cookie是否存在,然后可以打印值

$(document).ready(function(){
    if($.cookie("ename") != '') {
        $("#eresult").html($.cookie("ename"));
         // or
        document.getElementById("eresult").innerHTML = $.cookie("ename");

    }
});
JS:

HTML:


0
JS:

HTML:


0

你使用jQuery cookie插件吗?YUP我已经用过了。如果你有太多的麻烦,你可能想把LoalStor作为替代品。你使用jQuery cookie插件吗?YUP我已经用过了。如果你有太多的麻烦,你可能想考虑本地存储作为替代。我在“ErESULTE”中已经被定义了。值,直到我尝试了您设置内容的方法。但是,当我单击按钮增加值时,刷新页面后,它再次重置为0,而不是显示存储在cookie中的最后一个数字。如何确保它显示页面之前的最后一个存储值refreshes@user2728875你是如何开发的?这在沙箱环境中或phonegap/cordova应用程序中都不起作用。它只是一个在浏览器上运行的html文件。在尝试您的内容设置方法之前,我一直在“eresult”值中未定义。但是,当我单击按钮增加值时,刷新页面后,它再次重置为0,而不是显示存储在cookie中的最后一个数字。如何确保它显示页面之前的最后一个存储值refreshes@user2728875你是如何开发的?这在沙箱环境中或phonegap/cordova应用程序中都不起作用。它只是一个在浏览器上运行的html文件。它似乎不存在,这是否意味着cookie未正确存储?检查警报(newValue);在创建Cookies之前,它似乎不存在,这是否意味着cookie未正确存储?检查警报(newValue);在创建cookiesIt之前,似乎没有将值保存为页面刷新时的值,该值再次变为0。我可以知道脚本应该放在哪里吗?在正文结束之前,单击#卓越按钮时会保存?标记或?值。脚本需要放在jQuery声明之后,并且两者都应该放在body end标记之前。它似乎不会保存值,因为当页面刷新时,值再次变为0。我可以知道脚本应该放在哪里吗?在正文结束之前,单击#卓越按钮时会保存?标记或?值。脚本需要放在jQuery声明之后,两者都应该放在body-end标记之前。