How to do Partial Page reloads?

I ha开发者_Python百科ve a set of pages which look like this --

Links I click in the top section cause the links, and content sections to change (as intended), but it also refreshes the bottom section.

I want the bottom section to remain unchanged (clicking on links in the top section must not refresh the bottom) between these pages.

Are iframes the only way of doing this? Is there a way of doing this in ASP.NET using some AJAX control?

Someone please suggest the best way of going about this...

You can call the information using AJAX methods and replace only parts of the DOM.

See: http://api.jquery.com/jQuery.ajax/

Here are some decent tutorials:

http://www.sitepoint.com/ajax-jquery/

http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

AJAX for sure. Check jQuery library especially the $.get method.

An easy way may be to use ASP.NET UpdatePanel.