Tutorial :persist value between two pages using javascript [duplicate]



Question:

This question already has an answer here:

i have a one html page in which i am storing few user selected values now and want to use these values on another html page.

i am using jquery in my module and i have already tried window.name and window.localStorage but they don't persist values between two pages.

so please help me to solve this problem.


Solution:1

If you don't want a cookies--and if you're directing from the first page to the second, how about passing the values as GET variables to the next page:

http://example.com/newpage.html?var1=blah?var2=blerg  

then you can access that data with window.location.search.


Solution:2

You could use the "hash":

http://my.app.com/page2.html#name1=val1&name2=val2  

The hash would be ignored by the server, keeping things "clean". The second page can read the hash from

window.location.hash  

and then parse out the name/value pairs with some simple string/regexp/array manipulation.

If you wanted the hash to be "hidden", your second page could also then remove the hash from the URL - this would not result in another trip to the server - changes to hash only result in browser/client side behaviour.


Solution:3

If it's just a few values, how about cookies?


Solution:4

Store the value inside a cookie on the first page and and retrive it on the second. Its very easy with the Jquery Cookie plugin http://plugins.jquery.com/project/cookie


Solution:5

You would have to try and use cookies (assuming users are nice enough to enable those). Here is a very useful link: http://www.w3schools.com/JS/js_cookies.asp


Solution:6

Finally i got pretty cool solution on

http://plugins.jquery.com/project/DOMCached


Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »