AJAX XMLHttpRequest responseText Example

Ajax XMLHttpRequest object to get plain text response from the server. following example is simple get Text file from the server.

AJAX XMLHttpRequest responseText Example

Example Code

<html>
<body>
<script language="javascript" type="text/javascript">
  function send_with_ajax(){
    document.getElementById("req_text").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", "ajax_demo.txt", true);    // Make sure file is in same server
    xhr.send(null);

    xhr.onreadystatechange = function(){ 
        if (xhr.readyState == 4) {
          if(xhr.status == 200){
           document.getElementById("req_text").innerHTML = "Response State : " + xhr.readyState + "
Response Text: 
" + xhr.responseText; 
        } else {
           document.getElementById("req_text").innerHTML = "Error Code: " + xhr.status + "
Error Message: " + xhr.statusText;
        }
        }
    };
  } 
</script>

<button onClick="send_with_ajax()">Get Contain</button>
<p id="req_text"></p>
</body>
</html>

Run it...   »

Example Result