AJAX Example
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:
<html>
<body>
<div id=”myDiv”><h2>Let AJAX change this text</h2></div>
<button type=”button” onclick=”loadXMLDoc()”>Change Content</button>
</body>
</html>
Next, add a <script> tag to the page’s head section. The script section contains the loadXMLDoc() function:
<script type=”text/javascript”>
function loadXMLDoc()
{
…. AJAX script goes here …
}
</script>
</head>
The next chapters will explain how AJAX works.
What is AJAX?
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.
Examples of applications using AJAX: Google Maps, Gmail, Youtube, and Facebook tabs.
CSS Example
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:”Times New Roman”;
font-size:20px;
}
What is jQuery?
What is jQuery?
jQuery is a library of JavaScript Functions.
jQuery is a lightweight “write less, do more” JavaScript library.
The jQuery library contains the following features:
- HTML element selections
- HTML element manipulation
- CSS manipulation
- HTML event functions
- JavaScript Effects and animations
- HTML DOM traversal and modification
- AJAX
- Utilities
Javascript Tutorial
JavaScript is THE scripting language of the Web.
JavaScript is used in billions of Web pages to add functionality, validate forms, communicate with the server, and much more.
JavaScript is easy to learn. You will enjoy it.
jQuery
jQuery is a JavaScript Library.
jQuery greatly simplifies JavaScript programming.
jQuery is easy to learn.
What is XML?
- 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
Microsoft Ajax
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.
CSS Tutorial
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.
Hello world!
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!
