AJAX XML

The following AJAX example will demonstrate how a web page can fetch information from an XML file using AJAX technology.

The above example contains a simple HTML form and a link to a JavaScript:

As you can see it is just a simple HTML form  with a simple drop down box called "cd"

The paragraph below the form contains a div tag called "txtHint". The div is used as a placeholder for information retrieved from the web server.

When the user select data, a function called "showCD" is executed. The execution of the function is triggered by the "onchange" event of the javascript. In other words: Each time the user change the value in the drop down menu box, the function showCD is called.

The JavaScript code is given below

The server paged called by the JavaScript, is a simple ASP file having name "getvyomcd1.asp"

The page is written in VBScript for the Internet Information Server (IIS). It could easily be rewritten in PHP, or some other server languages.

The code runs a query against an XML file and returns the result as HTML format.