Javascript 如何在客户端cookie中存储单击后附加的html

我正在尝试在运行时附加一些数据

现在我必须将这些附加数据存储到客户端cookie中

非常感谢您的任何建议。提前谢谢

以下是代码和fiddle URL：

$('#add').on('click', function(){
    var inputHTML = $('#inputName').val();
    $('<li>'+inputHTML+'</li>').appendTo('#inputBox > ul');
});

$（'add'）。在（'click'，function（）上{
var inputtml=$（'#inputName'）.val（）；
$（“
”+inputtml+“
”）.appendTo（“#inputBox>ul”）；
});

使用以下功能：

function createCookie(name, value, days) {
    var expires;

    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    } else {
        expires = "";
    }
    document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = escape(name) + "=";
    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, c.length);
        if (c.indexOf(nameEQ) === 0) return unescape(c.substring(nameEQ.length, c.length));
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name, "", -1);
}

函数createCookie（名称、值、天数）{
var到期；
如果（天）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
expires=“；expires=“+date.togmString（）；
}否则{
expires=“”；
}
document.cookie=escape（名称）+“=”+escape（值）+expires+“路径=/”；
}
函数readCookie（名称）{
var nameEQ=escape（name）+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i

编辑更新的样本以加载cookie

您可以这样使用：

$('#add').on('click', function(){
    var inputHTML = $('#inputName').val();
    $('<li>'+inputHTML+'</li>').appendTo('#inputBox > ul');

    var myData = localStorage.cookieData ? JSON.parse(localStorage.cookieData) : new Array();
    myData.push(inputHTML);
    localStorage.cookieData = JSON.stringify(myData);

    console.log(myData);
})

$（'add'）。在（'click'，function（）上{
var inputtml=$（'#inputName'）.val（）；
$（“
”+inputtml+“
”）.appendTo（“#inputBox>ul”）；
var myData=localStorage.cookieData？JSON.parse（localStorage.cookieData）：新数组（）；
myData.push（inputtml）；
localStorage.cookieData=JSON.stringify（myData）；
console.log（myData）；
})

能否提供存储cookies的fiddle URL。。。提前感谢，因为它没有存储cookies。。当我刷新页面时，它会删除所有附加的HTML。。谢谢你的帮助！已更新示例以在页面加载时加载cookie。。。另外，您不应该使用cookies来保存html。。。cookie应仅用作标识符（即此cookie属于此用户等）。这是因为Cookie的存储容量是有限的（大约4KB的数据）…是的！它只能存储有限的数据大小。。。但我必须暂时储存。。。不幸的是，这一次上述代码也不起作用。。。非常感谢您抽出时间。。。