Question

I have a website which has a lot of combo boxes and auto-complete textboxes, that take in data from the database masters.

I don’t want the data to be loaded each time a user enter logs in, or the page refreshes.

What would be the most efficient and secure and fastest method to load and store data for the client.Also consider a medium sized database.

I tried a few things like,

1. Storing in a Javascript array- Its lost once the user refreshes.
2. Including Servlets to load data and fill in on the page, that too has
   same problem with refreshing.
3. Using ajax and filling when ever required.
4. Storing the data on server side by loading it once,this saves me
   the querying the database everytime. But with every logout/login it
   has to be maintained.

Is there a method better than this

P.S. Try not to make this too subjective, Please reply only the methods with a brief description of it.

Answer 1

You should consider using HTML5 local storage.

Here’s a demo!

And a tutorial.