Carry data within HTML pages using javascript or jquery

Question

I've a HTML application that is running locally. When the first HTML page is opened it creates an array reading an XML file using jquery.

I am able to create the array successfully. Now I need to retain those array values when I browse through other pages of my application. It is because those array values contain imprortant CSS colors which will get applied to elements during runtime.

How can the data be passed between pages. Kindly advise.

Please Note: My application is running locally and not on a webserver.

@epascarello hey m8 you faster then me :) I have just wanted to write this exact answer, lol. — hackp0int
– hackp0int, Commented Oct 1, 2013 at 12:42

Anand Jha · Accepted Answer · 2013-10-01 12:58:23Z

1

Use localStorage

var yourDataArray=[];// your xml data.

//put data in Local storage against any key( say here XML_DATA) before navigation.

window.localStorage.setItem("XML_DATA", JSON.stringify(yourDataArray));

// now after navigation to another page ,get data using

var yourDataArray=window.localStorage.getItem("XML_DATA");
  if(yourDataArray!=null){
  yourDataArray=JSON.parse(yourDataArray);//here you will get data.
}

edited Oct 1, 2013 at 12:58

answered Oct 1, 2013 at 12:53

Anand Jha

10.8k6 gold badges28 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JAL · Accepted Answer · 2013-10-02 03:48:29Z

1

Using web storage things like this are really easy now.

just do this in the js to save what you want:

localStorage.savedColor = "#330000";

and to retrive the savedColor from storage:

var mySavedColor = localStorage.savedColor;

edited Oct 2, 2013 at 3:48

JAL

21.6k1 gold badge50 silver badges67 bronze badges

answered Oct 1, 2013 at 12:47

andygoestohollywood

1,2841 gold badge10 silver badges14 bronze badges

Comments

JAL · Accepted Answer · 2013-10-01 12:52:08Z

0

You can accomplish this with a cookie:

https://developer.mozilla.org/en-US/docs/Web/API/document.cookie

Or on more modern browsers, use Storage.

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

For example,

if (window.sessionStorage) {
    var color_id = "ae5678";
    window.sessionStorage.setItem("color_id", color_id);
}

Or localStorage...

if (window.localStorage) {
     color_id = "6b67ce";
     window.localStorage.setItem("color_id", color_id);
}

To get the value,

 var color_id = window.localStorage.getItem("color_id");

edited Oct 1, 2013 at 12:52

answered Oct 1, 2013 at 12:42

JAL

21.6k1 gold badge50 silver badges67 bronze badges

1 Comment

epascarello Over a year ago

Is it 1999? Cookie is not the way to go.

Collectives™ on Stack Overflow

Carry data within HTML pages using javascript or jquery

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related