Passing data from one web page to another

Question

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.

Answer 1

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.

Answer 2

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.