How to pass javascript object from one page to other

by

Few ways

  1. Server side postback

    Have a POST form on your page and save your serialized object inside a hidden input then post it to the other page. You will be able to process that data on the server and most likely put it back somehow into the page. Either as javascript object or anything else.

  2. Client side URL examination

    Make a GET request to your other page by attaching your serialized object to URL as:

    http://www.app.com/otherpage.xyz?MyObject=SerializedData

    That other page can then easily parse its URL and deserialize data using Javascript.

  3. What’s in a window.name = local cross-page session

    This is a special technique that’s also used in a special javascript library that exposes window.name as a dictionary, so you can save many different objects into it and use it as local cross-page-session. It has some size limitations that may affect you, but check the linked page for that and test your browsers.

  4. HTML5 local storage

    HTML5 has the ability of local storage that you can use exactly for these purposes. But using it heavily depends on your browser requirements. Modern browsers support it though and data can be restored even after restarting browsers or computers…

  5. Cookies

    You can always use cookies but you may run into their limitations. These days cookies are not the best choice even though they have the ability to preserve data even longer than current window session.

Javascript object serialization

You will of course have to use some sort of a (de)serializer on your client side in some of the upper cases. Deserializers are rather easy to find (jQuery already includes a great function $.getJSON()) and are most likely part of your current javascript library already (not to even mention eval()).

But for object to JSON string serialization I’d recommend json2.js library that’s also recommended by John Resig. This library uses in-browser implemented JSON (de)serialization features if they exist or uses it’s own implementation when they don’t. Hence recommendation.

More Related Contents:

  1. jQuery .animate function not responding properly
  2. Why jQuery .load() is not working? [closed]
  3. Assign click handlers in for loop
  4. Scroll Automatically to the Bottom of the Page
  5. Reload an iframe with jQuery
  6. jQuery click not working for dynamically created items [duplicate]
  7. Stop setInterval
  8. Finding line-wraps
  9. How to build simple jQuery image slider with sliding or opacity effect?
  10. How to detect browser back button click event using angular?
  11. How to check if the URL contains a given string?
  12. Javascript Contenteditable – set Cursor / Caret to index
  13. keycode and charcode
  14. Get the visible height of a div with jQuery
  15. Count the number of integers in a string
  16. How do I remove javascript validation from my eclipse project?
  17. Defining a HTML template to append using JQuery
  18. Populating a select box using JQUERY, AJAX and PHP
  19. Debounce function in jQuery
  20. SVG – click is not a function [duplicate]
  21. Close a div by clicking outside
  22. Change form values after submit button pressed
  23. JavaScript on the bottom of the page?
  24. jQuery Datepicker “After Update” Event or equivalent
  25. Flask Dynamic data update without reload page
  26. How to redirect on another page and pass parameter in url from table?
  27. How do you swap DIVs on mouseover (jQuery)?
  28. how to update time regularly?
  29. jquery keypress event object keyCode for firefox problem?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment