원생 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);
        })
  }
}

자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,,,,,, 및
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.