This recipe gets us ready for this chapter where Ajax is an idea of grabbing external data and bringing it into our current, already loaded page.
Prepare a small web page that is loaded with a static data "hello world". Name it 05_hello_world.html
.
<html> <head><title>Display Local Data via Ajax Within A DIV</title></head> <body>Hello World</body> </html>
We will simply be loading this page via Ajax into the DOM on our page.
<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="javascript:" method="get"> <input type="button" id="mybutton" value="Ajax!" onclick="myJax.send();"/> </form> <fieldset style="padding:10px;"><legend>My Ajax Response:</legend> <div id="my_response"></div> </fieldset> <script type="text/javascript"> var myJax = new Request(...