Ajax response using json

masbha — Sun, 13 Dec 2009 14:41:07 +0000

If you use ajax response as a JSON

in test.php file you will write

Ajax response using xml

masbha — Sun, 13 Dec 2009 14:14:02 +0000

The server returns this XML document:


    
       JavaScript, the Definitive Guide
       O'Reilly
       David Flanagan
       
    
    
        DOM Scripting
        Friends of Ed
        Jeremy Keith
        
    
    
        DHTML Utopia: Modern Web Design using JavaScript DOM
        Sitepoint
        Stuart Langridge

To show the response we need to create a div with id=writeroot

before sending the response from server you need to use header(‘content-type:text/xml’)

Sending Ajax Request in Get or Post Method

masbha — Sun, 13 Dec 2009 06:45:31 +0000

if you want to send Ajax GET Request


function testAjax() {
    var ajaxRequest;  // The variable that makes Ajax possible!
    var id=document.getElementById('test').value;
     try {
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    }
    catch (e) {
        // Internet Explorer Browsers
    try {
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e) {
        try {
           ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
       }
    catch (e) {
        // Something went wrong
        alert("Your browser broke!");
        return false;
    }
  }
}

ajaxRequest.onreadystatechange = function() {
     if(ajaxRequest.readyState == 4) {
          var result = ajaxRequest.responseText;
          // if response will be in xml format then u need to use
         //var result=ajaxRequest.responseXML;
       }
}
var queryString = 'test.php?id=5';
ajaxRequest.open("GET",queryString, true); // sending ajax request to test.php file
ajaxRequest.send(null);
}

In test.php file if you echo $_GET['id'] you will get 5 as a response

If you using ajax post request then

function testAjax() {
    var ajaxRequest;  // The variable that makes Ajax possible!
    var id=document.getElementById('test').value;
    try {
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    }
    catch (e) {
        // Internet Explorer Browsers
        try {
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
        try {
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e) {
           // Something went wrong
           alert("Your browser broke!");
           return false;
        }
    }
}

ajaxRequest.onreadystatechange = function() {
    if(ajaxRequest.readyState == 4) {
         var result = ajaxRequest.responseText;
         // if response will be in xml format then u need to use
         //var result=ajaxRequest.responseXML;
    }
}
var queryString = 'test.php';
var params = 'id=5';
ajaxRequest.open("POST",queryString,true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxRequest.setRequestHeader("Content-length", params.length);
ajaxRequest.setRequestHeader("Connection", "close");
ajaxRequest.send(params);
}

In test.php file if you echo $_POST['id'] you will get 5 as a response

20+ PHP Tutorials & Resources

masbha — Thu, 08 Oct 2009 09:39:43 +0000

There are good tips for php beginner http://nikhilmisal.com

Masbha's Blog

Ajax response using json

Ajax response using xml

To show the response we need to create a div with id=writeroot

Sending Ajax Request in Get or Post Method

20+ PHP Tutorials & Resources