AJAX Example Explained
The AJAX application above contains one div section and one button.
The div section will be used to display information returned from a server. The button calls a function named loadXMLDoc(), if it is clicked:
<div id=”myDiv”><h2>Let AJAX change this text</h2></div>
<button type=”button” onclick=”loadXMLDoc()”>Change Content</button>
Next, add a <script> tag to the page’s head section. The script section contains the loadXMLDoc() function:
…. AJAX script goes here …
The next chapters will explain how AJAX works.
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.
Examples of applications using AJAX: Google Maps, Gmail, Youtube, and Facebook tabs.
font-family:”Times New Roman”;
What is jQuery?
The jQuery library contains the following features:
- HTML element selections
- HTML element manipulation
- CSS manipulation
- HTML event functions
- HTML DOM traversal and modification
jQuery is easy to learn.
- XML stands for EXtensible Markup Language
- XML is a markup language much like HTML
- XML was designed to carry data, not to display data
- XML tags are not predefined. You must define your own tags
- XML is designed to be self-descriptive
- XML is a W3C Recommendation
When you build an Ajax application, you provide your users with a richer and more responsive user experience. You can use Ajax features to enhance server-based ASP.NET Web Forms applications by using server-side ASP.NET controls, such as the UpdatePanel control.
Web Forms applications that use Ajax features offer the following features:
- Familiar interactive UI elements such as progress indicators, tooltips, and pop-up windows.
- Improved efficiency for Web Forms application, because significant parts of a Web page’s processing can be performed in the browser.
- Partial-page updates that refresh only the parts of the Web page that have changed.
- Client integration with ASP.NET application services for forms authentication, roles, and user profiles.
- Auto-generated proxy classes that simplify calling Web service methods from client script.
- The ability to customize server controls to include client capabilities.
- Support for the most popular browsers, which includes Microsoft Internet Explorer, Mozilla Firefox, and Apple Safari.
Save a lot of work with CSS!
In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!