AJAX Example

## AJAX Basic

AJAX HOME AJAX Intro AJAX Example

## AJAX XMLHttpRequest

XHR Create Object XHR Request XHR Response XHR readyState

## AJAX Advanced

AJAX ASP/PHP AJAX Database AJAX XML File

## AJAX Examples

AJAX Examples

# AJAX Example

« Previous
Next Chapter »

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

## Example

## Let AJAX change this text

Try it yourself »

## 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:

<!DOCTYPE html>
<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>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>

The next chapters will explain how AJAX works.

« Previous
Next Chapter »

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE