how to store global array for different pages

[reubin haz]

I have a few arrays whose elements are loaded from the server side. Multiple pages will need access these arrays? What would be a good way to store these arrays? (without reload array elements again for each page onload)

thanks

[Bear Bibeault]

There is no way to retain any JavaScript structures once a page is unloaded.

One way you could do this -- which is not without its drawbacks, including general messiness -- is to have a single "top" page that contains a page-sized iframe. The data can be loaded into this top page, and all other pages will be loaded into the iframe. The structures in the top page can be accessed via references to top.

I would not use this approach unless it was imperative. I'd personally opt to reload the data on every page that needed it, making sure that only data that is really needed is included,

[Vivian Choyce]

Hey guys, recently I have been trying to retain information between html pages through JavaScript. There is only one JavaScript page but the information does not follow to the next HTML page. I tried using localStorage but I don't think I did it right. I am trying to save an array of images and use it on another page. I got it to save it to my array but when I call it again laters comes back as undefined. Any advice?

[Bear Bibeault]

You can view your local storage in DevTools to see if your set to local storage is working and the value is what you expect. If not, debug how you are setting the value. If so, then it's your local storage fetch that's the issue.

Be aware that all local storage is stored as strings; so if you are trying to store complex structures they need to be serialized. JSON is the usually technique for that.