I want to store Javascript array as a Cookie

Question

Is it possible, I have a some sort of list and I want to store it on browser, if it is not possible, what is the efficient way of doing this?

Answer 1

One quick method is to join() your array into a single string, using an appropriate delimiter:

var a = [1, 2, 3, 4];
a.join('|');  // Returns: "1|2|3|4"

Then simply use the string split() method to get the array back from the cookie string.

Answer 2

For each value id in an array, please try below method to save a value in a cookie array:

<script type="text/javascript">

/**
 * set cookie
 */
function set_cookie(cookiename, cookievalue, hours) {
    var date = new Date();
    date.setTime(date.getTime() + Number(hours) * 3600 * 1000);
    document.cookie = cookiename + "=" + cookievalue + "; path=/;expires = " + date.toGMTString();

}

set_cookie('item['+id+']', id, 24*365*10); // 10 years

</script>

And you can retrieve this array in php:

<?php
foreach($_COOKIE['item'] as $e){
echo $e,'<br />';
}
?>

Answer 3

Assume cart is array we can set it with

document.cookie = 'cart='+ JSON.stringify(cart) 

Then, you have to create a function to read cookie

function getCookie(cookieName) {
    var name = cookieName + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i].trim();
        if ((c.indexOf(name)) == 0) {
            return c.substr(name.length);
        }
    }
}

then you can get cookie with

cart = JSON.parse(getCookie('cart'))