Introduction to AJAX Controls

In this article , we explore about basic concepts of AJAX Controls , description of AutoComplete Control as well as Accordion Control. AJAX helps in exchanging data asynchronously between browser and server to avoid full page reloading. I hope this article will be useful for all.

<BR>AJAX Controls :<BR>


AJAX stands for Asynchronous Javascript and XML. It is a group of interrelated web development techniques used for creating interactive web applications or rich internet applications.
Client is nothing but web browser and web server are involved. Client side script updates the content of the page using the data returned from the asynchronous requests.
The AJAX Control Toolkit : This contains a rich set of controls those are used to build highly responsive and interactive AJAX - enabled web applications.
You can simple drag and drop those required controls from AJAX Control Toolkit.
AJAX improves the efficiency by performing significant parts of web page's processing in the browser.
AJAX uses a combination of HTML and CSS to mark up and style data.
Web service consumption is very powerful in AJAX.

In this article, we are going to explore following controls:
1) AutoComplete Control.
2) Accordion Control.

1) AutoComplete Control: It is an AJAX extender that can be attached to any Textbox control.
AutoComplete extender pulls words starting with the contents of the textbox.
When user types more content than the specified minimum word length , pop - up shows words or phrases starting with that value.
Caching is turned on so typing the same prefix multiple times result in only one call.

2) Accordion Control: It is a web control that allows you to provide multiple panes and display them one at a time. It contains AccordionPane.
Each AccordionPane control has a template for its Header and its content.
It is possible to keep track of the selected pane so it stays visible across postbacks.
Accordion functionality is similar to having several Collapsible Panels where only one can be expanded at a time. 4.0 has introduced many improvement features in AJAX lirary such as inbuilt JQuery support.


Author: Bijit09 Apr 2012 Member Level: Gold   Points : 2

AJAX = Asynchronous JavaScript and XML.

AJAX is a technique for creating fast and dynamic web pages.

AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.

Classic web pages, (which do not use AJAX) must reload the entire page if the content should change.

  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name: