pass json values across pages

Question

I have defined a json object as

  function getPost()
   {
      var fname = document.getElementById("fname").value;
      var lname = document.getElementById("lname").value;
          var v = {
       "name": {
           "firstname": fname,
           "lastname": lname 
       }
    };
   }

How can I make this JSON variable v accessible to other pages. I want to pass the JSON data across pages.

Answer 1

You can store data locally within the user's browser using localStorage or SessionStorage( more information ) to access your data in all pages.

Take a look at this example:

localStorage.setItem('a', '{ "name" : "test"}');
eval("var myObj = " + localStorage.getItem('a'));
myObj.name; // test