CreateSites: AJAX Example

Monday, July 4, 2011

AJAX Example

To understand how AJAX works, we will create a small AJAX application:

Example

Let AJAX change this text

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:

<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>

The next chapters will explain how AJAX works.

Monday, July 4, 2011

AJAX Example

Example

Let AJAX change this text

AJAX Example Explained

No comments:

Post a Comment