Ajax Modules

Ajax Modules 个人整理

 

AjaxBaseUtil.js

 

 

 

var xmlHttp;


var requestType;


//Create XMLHttpRequest...


function createHttpRequest()


{


 //alert("create http request");


 if(window.ActiveObject)


 {


  xmlhttp=new ActiveObject("MicroSoft.XMLHTTP");


 }else if(window.XMLHttpRequest)


 {


  xmlhttp=new XMLHttpRequest(); 


 }


 try


 {


  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");


 }catch(ex)


 {


  alert("Error Create HttpRequest");


 } 


}

 

function doRequestByGet(url,handlefunction)


{


 alert("Clike Get");


 createHttpRequest();


 xmlhttp.onreadystatechange=handlefunction;


 xmlhttp.open("GET",url,true);


 xmlhttp.send(null);


}


 


function doRequestByPost(url,queryString,handlefunction)


{


 alert("Clike Post");


 createHttpRequest();    


 xmlhttp.onreadystatechange=handlefunction;


 xmlhttp.open("POST",url,true);


 xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");


 xmlhttp.send(queryString);   


}

 

//default handles when callback.

 

//create div in page,than use it show message in divId


function parseResult(divId)


{


 var div=document.getElementById(divId);


 if(div.hasChildNodes())


 {


  div.removeChild(div.childNodes[0]);    


 }


 var responsetxt=document.createTextNode(xmlhttp.responseText);


 div.appendChild(responsetxt);


}

 

 

 

//define yourself

 

//


//Useful Modules


//Module 1.Do Head Request.


//

 

/**************************************************************************


 * Used By Call Head Request Module


 * Start


 */


//**Mark Sign


function doHeadRequest(request,url,handle)


{


 alert("start head");


 requestType=request;


 createHttpRequest();


 xmlhttp.onreadystatechange=handle;


 xmlhttp.open("HEAD",url,true);


 xmlhttp.send(null);


 


}


function defaultHeadStateHandleFunction()


{


 if(xmlhttp.readystate==4)


 {


  if(requestType=="allResponseHeaders")


  {


   getAllResponseHeader();


  }else if(requestType=="lastModified")


  {


   getLastModified();


  }else if(requestType=="isResourceAvailable")


  {


   getIsResourceAvailable();


  }


  


 } 


}

 

function defaultHandleFunction()


{


 if(xmlhttp.readystate==4)


 if(xmlhttp.status ==200)


 {


   doResponsed(); //Need Define yourselef.


 } 


}

 

function getAllResponseHeader(){


 alert(xmlhttp.getAllResponseHeaders()); 


}

 

function getLastModified(){


 alert("Last Modified:"+xmlhttp.getResponseHeader("Last-Modified")); 


}


function getIsResourceAvailable()


{


 if(xmlhttp.status==200)


 {


  alert("Successful response");


 }else


  if(xmlhttp.status==404)


 {


  alert("Resource is Unavailable");


 }else  


 {


  alert("UnExpected Response status:"+xmlhttp.status);


 }


}


/**EndOf Call Head Request Module   ****************************************/

 

注:1调用方式


     2.随着不断的更新,可以自行mark掉不需要的modules.