원생 javascript 구현 ajax 비동기 패 키 징 기능 예제

 
       ！
 
fffeeee

dddd

//        IE6      
// ajax(url,fnSucc,selectID,fnFaild)
//url     
//fnSucc             
//fnFaild         
function ajax(url,fnSucc,fnFaild)
{
    //1.  Ajax  
    // IE6
    var oAjax;
    if(window.XMLHttpRequest)//    ，   undefined
     {oAjax=new XMLHttpRequest();}
    else
    //iE6 IE5
     {oAjax=new ActiveXObject("Microsoft.XMLHTTP");}
    //alert(oAjax);
    //2.     
    //open(  ,   ,    )
    oAjax.open("get",url,true);//    
    //3.    
    oAjax.send();
    //4.                    
    oAjax.onreadystatechange=function()
    {
     //oAjax.readyState //       ，              
     if(oAjax.readyState==4)//    （       ）
     {
      if(oAjax.status==200 || oAjax.status==304)//     304             
      {
       fnSucc(oAjax.responseText);
       //alert("  "+oAjax.responseText);
      }
      else
      {
       if(fnFaild)//fnFaild    
       {
        fnFaild(oAjax.status);
       }
       //alert("  :"+oAjax.status);//status 404
      }
     }
    }
}
window.onload=function(){
  var oBtn=document.getElementById("left");
  oBtn.onclick=function()
  {
      ajax("http://28967904.jsp.jspee.cn/ext/singlePage/list/json-1-1-20",function(str){
        var da= JSON.parse(str); //JSON    
        alert(da.totalRow)
        },function(erorr){
          console.log('    ：'+erorr);
        })
  }
}