I'm learning to make an mvc3 + jquery.ajax product search page. It takes in search keywords and dropdown category filter and returns a datagrid of products as the result, also there is an ajax navigation breadcrumb link like Home>Electronics>LG>BD&DVD Players ... on top of the search results as people filter further into the results. However, once I hit F5(Refresh) button, they are gone as if I first came to the search page.
I can't find a good tutorial on Internet. What is a recommended way to keep the current state of the page in ajax+mvc3? Could you please give me an example, or some link to a good tutorial?
Thank you very much.
EDIT: These are GET data, one solution maybe to add hash like #Home_Electronics_LG_BD_DVD_Players. What if I want POST data, or when I come to filling out a shipping form. Hash # doesn't seem like a solution in that case.