[转]ajax加载内容示例

今天在cnblogs.com转了一天,现在正在学习AJAX,发现这篇不错,学习一下...
函数: 
 function RequestmainList(url,divh,divs)
@url 被调用的url 可以带参数
@divh 当前需要处理的div,也是目前div
@divs 状态div 例如loading......

调用示例:

RequestmainList('url.........','mainlist','loading')

 /*ajax 对象 只要用于加载相册内 图片列表
 *
 *
 */
 var xmlHttp;
 function creatXMLHttpRequest() {  
  if(window.XMLHttpRequest) {
   //xmlHttp = new XMLHttpRequest();
   xmlHttp = new XMLHttpRequest();
   if (xmlHttp.overrideMimeType)
   {
    xmlHttp.overrideMimeType('text/XML');
   }   
  } 
  else if(window.ActiveXObject)   
  {   
   try
   {
    xmlHttp = new ActiveXObject("MsXML2.XMLHTTP");
   }
   catch (e)
   {
    try
    {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (e) {}
   }  
   xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
  }
  
  if (!xmlHttp)
  {
   alert('你的浏览器不支持本系统的某些服务:(');
   return false;
  }  
  
 }

 /********************************/
 /*
 * 页面列表请求 
 */
 var divhidden;
 var divshow;
 function RequestmainList(url,divh,divs) {  
  divhidden=divh;
  divshow=divs;
  document.getElementById(divs).style.display = "";
  var queryString;  
  queryString = url;   
  creatXMLHttpRequest();
  xmlHttp.open("get",url,"true");
  xmlHttp.onreadystatechange = pageupdate;
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
  xmlHttp.send(queryString);
 } 
 
 function pageupdate()
 {
  if(xmlHttp.readyState == 1)
  {
   document.getElementById(divhidden).style.display = "";       
   
  }
  if(xmlHttp.readyState == 4)
  {
   if(xmlHttp.status == 200)
   {    
    document.getElementById(divhidden).style.display = "";        
    document.getElementById(divshow).style.display = "none";
    var responseText =  xmlHttp.responseText;
    document.getElementById(divhidden).innerHTML = responseText;
   }   
  }  
 }  
/*******************************/