Super AJAX Programming Seed v.1.0

If you've been thinking about starting to program with AJAX, this is a great place to start. Everything you need is contained in three tiny files. This one, the external javascript file that contains the AJAX functions (ajax.js) and the script page that processes the data. Once you get started playing with this, you'll never stop!

How does it work?

AJAX is the method that you can process data dynamically without refreshing a page, basically making a web page nearly as functional as any desktop application. You can to form validation, manipulate database data, whatever!

It works by a few little JavaScript functions that replace the content of an HTML element with the content from another URL. So what you do is pass data from the first page to that other URL through the URL query string, like this: script_page.php?content=this+is+the+content. On script_page.php, you can process the data any way you want to, and you just echo the result.

Some variations on the theme

Here are some ideas for things you can do to use this technology even more complete:

• You can pass additional variables by adjusting the getScriptPage() function on this page to include another variable. Then just add the new variable when you call the script.
• You can add the getScriptPage() function to any of the JavaScript even handlers like onClick or onMouseOver. You can do some fun stuff by experimenting with these different events.