AJAX Intro

AJAX Request Build

AJAX Examples


AJAX XMLHttpRequest: responseXML Example


Ajax XMLHttpRequest object able to get XML response from the server. following example is simple get XML file from the server.

AJAX XMLHttpRequest responseXML Example

Example Code

<html>
<body>
<script language="JavaScript">
function send_with_ajax(){
    document.getElementById("req_xml").innerHTML = "Process Started...";
    if (window.XMLHttpRequest || window.ActiveXObject) {
        if (window.ActiveXObject) {
            try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch(exception) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
        } else {
            xhr = new XMLHttpRequest(); 
        }
    } else {
        alert("Your browser does not support XMLHTTP Request...!");
    }

    xhr.open("GET", "xml_file.xml", true);    // Make sure file is in same server
    xhr.send(null);

    xhr.onreadystatechange = function(){ 
        if (xhr.readyState == 4) {
            if(xhr.status == 200){
                alert(xhr.responseText);
                document.getElementById("req_xml").innerHTML = "Response State : " + xhr.readyState + "
Response Text:
" + xhr.responseText; } else { document.getElementById("req_xml").innerHTML = "Error Code: " + xhr.status + "
"Error Message: " + xhr.statusText; } } }; } </script> <button onClick="send_with_ajax()">Get XML Contain</button> <p id="req_text"></p> </body> </html>

Run it...   »


Example Result