Passing data from one web page to another
client-side, javascript
Solution
By using HTML5 Storage API you can achieve this...
With HTML5, web pages can store data locally within the user's browser.
Earlier, this was done with cookies. However, Web Storage is more secure and faster. The data is not included with every server request, but used ONLY when asked for. It is also possible to store large amounts of data, without affecting the website's performance.
The data is stored in key/value pairs, and a web page can only access data stored by itself.
- `localStorage` - stores data with no expiration date
- `sessionStorage` - stores data for one session
Example:
To set
window.localStorage.setItem("name",document.getElementById("name").value);
To get
var name = window.localStorage.getItem("name");
For more reference see HTML5 storage
Note: Web storage is supported in Internet Explorer 8+, Firefox, Opera, Chrome, and Safari.
Problem
I need to pass a potentially large amount of data from one page to another using client side techniques. It is basically a list of id's which will get displayed on the target page. Obviously query string is not suitable as there could be thousands of ids so I thought I could use javascript to dynamically add a form (method=GET), write the ids into a hidden field and submit the form to the target page. It seems to work ok but I want to know if there is a better way of doing it - this feels a bit hacky.