AJAX Intro

AJAX Request Build

AJAX Examples


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