将多维javascript数组传递给另一个页面

Question

I have a multidimensional array that is something like this

• [0]string
• [1]-->[0]string,[1]string,[2]string
• [2]string
• [3]string
• [4]-->[0]string,[1]string,[2]string[3]string,[4]string,[5] INFO

(I hope that makes sense)

where [1] and [4] are themselves arrays which I could access INFO like myArray[4][5].

The length of the nested arrays ([1] and [4]) can varry.

I use this method to store, calculate, and distribute data across a pretty complicated form.

Not all the data thats storred in the array makes it to an input field so its not all sent to the next page when the form's post method is called.

I would like to access the array the same way on the next page as I do on the first.

---

Thoughts:

Method 1:

I figure I could load all the data into hidden fields, post everything, then get those values on the second page and load themm all back into an array but that would require over a hundred hidden fields.

Method 2:

I suppose I could also use .join() to concatenate the whole array into one string, load that into one input, post it , and use .split(",") to break it back up. But If I do that im not sure how to handel the multidimensional asspect of it so that I still would be able to access INFO like myArray[4][5] on page 2.

I will be accessing the arrary with Javascript, the values that DO make it to inputs on page 1 will be accessed using php on page 2.

---

My question is is there a better way to acomplish what I need or how can I set up the Method 2 metioned above?

---

---

This solved my problem:

var str = JSON.stringify(fullInfoArray);
sessionStorage.fullInfoArray = str;

var newArr = JSON.parse(sessionStorage.fullInfoArray);

alert(newArr[0][2][1]);

Answer 1

If possible, you can use sessionStorage to store the string representation of your objects using JSON.stringify() :

// store value
sessionStorage.setItem('myvalue', JSON.stringify(myObject));

// retrieve value
var myObject = JSON.parse(sessionStorage.getItem('myvalue'));

Note that sessionStorage has an upper limit to how much can be stored; I believe it's about 2.5MB, so you shouldn't hit it easily.

Answer 2

Keep the data in your PHP Session and whenever you submit forms update the data in session. Every page you generate can be generated using this data.

OR

If uou are using a modern browser, make use of HTML5 localStorage.

OR

You can do continue with what you are doing :)