AJAX:
Ajax Stands for Asynchronous javascript and XML. Ajax is a cross-platform technique which speeds up response time. The Ajax server controls add the script to the page which is executed and processed by the browser.
Asp.Net Ajax made up of:
• Asp.Net Ajax on the client
• Asp.Net Ajax on the Server
FREE PDF DOWNLOAD FOR MICROSOFT DOT NET COURSE MATERIAL
Asp.Net Ajax Extensions:
The control toolbox in the Visual Studio IDE contains a group of controls called the Ajax Extensions.
The Script Manager Control:
Asp.Net Ajax the Script Manager control is the very most important control and must be present on the page for other controls to work.
Syntax for Script manager Control
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
</asp:ScriptManager>
Timer Control:
In Ajax Extensions the timer control is used to initiate the postback automatically. The Two ways to timer Control is
Syntax for Timer Control
<Triggers>
<asp:AsyncPostBackTrigger ControlID=”btnpanel2″ EventName=”Click” />
</Triggers>
• Setting the Triggers property of the Update Panel control:
• Placing a timer control directly inside the Update Panel to act as a child control trigger.
Update Panel control:
Asp.Net Ajax the Update Panel control is a container control and derives from the Control class. Update panel acts as a container for the child controls within it and does not have its own interface. A control inside Update panel triggers a postback, it intervenes to initiate the post asynchronously and update just that portion of the page.
Syntax for update panel control
<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>
</asp:UpdatePanel>
Update Progress Control :
The Update Progress control provides a sort of feedback on the browser while one or more update panel controls are being updated. A Client login or waits for server response while performing database oriented task. Update progress control provides a visual acknowledgment like Loading page indicating the work is in progress.
Syntax for Update Progress Control
<asp:UpdateProgress ID=”UpdateProgress1″ runat=”server” DynamicLayout=”true” AssociatedUpdatePanelID=”UpdatePanel1″ >
<ProgressTemplate>
Loading…
</ProgressTemplate>
</asp:UpdateProgress>
FREE PDF DOWNLOAD FOR ASP.NET MVC COURSE MATERIAL
Advantages of AJAX :
The advantages of Asp.Net Ajax over classical web-based applications include
- Minimal data transfer – By not performing a full postback and sending all form data to the server, network utilization is minimized and quicker operations occur.
- Asynchronous calls –Ajax allows for the ability to make asynchronous calls to a web server.
- Minimal data transfer – By not performing a full postback and sending all form data to the server, network utilization is minimized and quicker operations occur.
- Responsiveness– Ajax applications are asynchronous on the client, they are perceived to be very responsive.
- Limited processing on the server– Along with the fact that only the necessary data is sent to the server, the server is not required to process all form elements.