Javascript Ajax Object

pcx99 (Patrick) — Fri, 09 Mar 2007 03:06:18 GMT



// Just a stub function we'll tell ajaxObject to call when it's done

// callback functions get responseText, and responseStat respectively

// in their arguments.

function fin(responseTxt,responseStat) {

  alert(responseStat+' - '+responseTxt);

}



// create a new ajaxObject, give it a url it will be calling and

// tell it to call the function "fin" when its got data back from the server.

var test1 = new ajaxObject('http://someurl.com/server.cgi',fin);

    test1.update();

		

// create a new ajaxObject, give it a url and tell it to call fin when it

// gets data back from the server.  When we initiate the ajax call we'll

// be passing 'id=user4379' to the server.		

var test2 = new ajaxObject('http://someurl.com/program.php',fin);

    test2.update('id=user4379');

		

// create a new ajaxObject but we'll overwrite the callback function inside

// the object to more tightly bind the object with the response hanlder.

var test3 = new ajaxObject('http://someurl.com/prog.py', fin);

    test3.callback = function (responseTxt, responseStat) {

      // we'll do something to process the data here.

      document.getElementById('someDiv').innerHTML=responseTxt;

    }

    test3.update('coolData=47&userId=user49&log=true');	

		

// create a new ajaxObject and pass the data to the server (in update) as

// a POST method instead of a GET method.

var test4 = new ajaxObject('http://someurl.com/postit.cgi', fin);

    test4.update('coolData=47&userId=user49&log=true','POST');



function ajaxObject(url, callbackFunction) {

  var that=this;      

  this.updating = false;

  this.abort = function() {

    if (that.updating) {

      that.updating=false;

      that.AJAX.abort();

      that.AJAX=null;

    }

  }

  this.update = function(passData,postMethod) { 

    if (that.updating) { return false; }

    that.AJAX = null;                          

    if (window.XMLHttpRequest) {              

      that.AJAX=new XMLHttpRequest();              

    } else {                                  

      that.AJAX=new ActiveXObject("Microsoft.XMLHTTP");

    }                                             

    if (that.AJAX==null) {                             

      return false;                               

    } else {

      that.AJAX.onreadystatechange = function() {  

        if (that.AJAX.readyState==4) {             

          that.updating=false;                

          that.callback(that.AJAX.responseText,that.AJAX.status,that.AJAX.responseXML);        

          that.AJAX=null;                                         

        }                                                      

      }                                                        

      that.updating = new Date();                              

      if (/post/i.test(postMethod)) {

        var uri=urlCall+'?'+that.updating.getTime();

        that.AJAX.open("POST", uri, true);

        that.AJAX.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        that.AJAX.send(passData);

      } else {

        var uri=urlCall+'?'+passData+'×tamp='+(that.updating.getTime()); 

        that.AJAX.open("GET", uri, true);                             

        that.AJAX.send(null);                                         

      }              

      return true;                                             

    }                                                                           

  }

  var urlCall = url;        

  this.callback = callbackFunction || function () { };

}

DZone Snippets: concurrent code

Javascript Ajax Object