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 targ
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 datesessionStorage
- stores data for one sessionExample:
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.
Thusends of IDs isn't so much. If the IDs are GUIDs there will be Nx32 bytes. You could use jQuery post, which will trigger a HTTP Post.