Richard's AJAX Page

Useful Links

• AJAX tutorial w3schools
• AJAX tutorial tizag.com
• AJAX tutorial mozilla.com

AJAX = Asynchronous JavaScript and XML

• AJAX is NOT a new programming language.
• Use existing standards to ... exchange data with a server, update parts of a web page - without reloading the whole page. (e.g. Google Map, Gmail, Youtube etc)
• You should know the following before doing AJAX
  • HTML
  • CSS
  • JavaScript / DOM

Examples

One way of creating XMLHttpRequest object from w3schools

eg001.htm create XMLHttpRequest object, async=false, not recommenderead, read data from text file eg001_info.txt

eg002.htm create XMLHttpRequest object, async=true, the correct way, read data from text file eg001_info.txt

Another way of creating XMLHttpRequest object from tizag.com

eg003.htm create XMLHttpRequest object, onkeypress event, read data from php file eg003_time.php (txt file)

eg004.htm create XMLHttpRequest object, get data from database, using php file eg008c_select_changed.php (txt file),
two more files are needed eg008a_connect_database.php (txt file), and eg008b_database_error.php (txt file).

eg005.htm create XMLHttpRequest object, search data in database, using php file eg008c_select_search.php (txt file),
two more files are needed eg008a_connect_database.php (txt file), and eg008b_database_error.php (txt file).

eg006.htm search data in database, update one form field, using php file eg008c_select_single.php (txt file),
two more files are needed eg008a_connect_database.php (txt file), and eg008b_database_error.php (txt file).