在Cookie中保存数组并恢复Javascript

Question

I am trying to save an array and restore it on another page using Cookies.

This is my code on Page 1:

 var films = []; SetCookie("cart", films); 

Values are put into films through button on a cart, it stores values eg "Star Wars","Resident Evil".

On alert it is stored: Star Wars, Resident Evil

This is my code on Page 2:

 function getMovie2() { var movie = []; movie = (GetCookie("cart")); var r = movie.length; alert(r); $("#table1").empty(); for (var i = 0; i < r; i += 1) { $("#table1").append("<tr><td>" + movie[i] + "</td><td>"); } } 

The lenght that I get from this is for EACH Character and not the number of things in Array.

Where am I going wrong? I am trying to store an Array in a Cookie and then retrive it and save it in an Array.

Answer 1

Cookies can stores only string. You need to make a JSON of the array and assign the jsoned string to the cookie

Answer 2

You probably want to do something like:

localStorage.stuff = JSON.stringify(['a', 'b', 2]);
console.log(JSON.parse(localStorage.stuff));