Question

我试图在运行时添加一些数据..

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

任何建议都非常感谢。提前谢谢。

这是代码和小提琴网址：

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

http://jsfiddle.net/ft26u/12/

Answer 1

使用以下功能：

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);
}

修改更新了示例，以便在加载时加载Cookie

http://jsfiddle.net/aZXMr/3/

Answer 2

您可以使用localStorage，如下所示：

$('#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);
})

如何存储点击附加的html到客户端cookie

2 个答案: