AJAX 초학(1)

요 며칠 동안 자 바스 크 립 트 학습 을 시 작 했 습 니 다.우선 AJAX 의 데이터 호출 을 피 할 수 없습니다.다음은 가장 원시 적 인 자 바스 크 립 트 중의 AJAX 사용 을 살 펴 보 겠 습 니 다.
 

   
   
   
   

    
    
    
    
var AjaxHttp_Obj = window.XMLHttpRequest ? (new XMLHttpRequest()) : (new ActiveXObject("Microsoft.XMLHTTP")); 
    
    
    
    
 
    
    
    
    
function AjaxHttpLoadXML() { 
    
    
    
    
    var str = 'Xmls/test.xml'; 
    
    
    
    
    AjaxHttp_Obj .open("GET", str, true); 
    
    
    
    
    AjaxHttp_Obj .onreadystatechange = AjaxHttpResponse; 
    
    
    
    
    AjaxHttp_Obj .send(null); 
    
    
    
    
} 
    
    
    
    
function AjaxHttpResponse() { 
    
    
    
    
    if (AjaxHttp_Obj .readyState != 4) 
    
    
    
    
        return; 
    
    
    
    
    if (AjaxHttp_Obj .status == 200) { 
    
    
    
    
        XMLObj = AjaxHttp_Obj .responseXML; 
    
    
    
    
        if (XMLObj ) { 
    
    
    
    
           var xmlList_Info = XMLObj.getElementsByTagName('lists'); 
    
    
    
    
           for(var i = 0 ; i 
    
    
    
    
           {                                          document.write(xmlList_Info[i].getAttribute('info')); 
    
    
    
    
              document.write("
"); 
    
    
    
    
           } 
    
    
    
    
        } 
    
    
    
    
    } 
    
    
    
    
} 
   
   
   
   

test.xml:
 

   
   
   
   

    
    
    
    
<TestInfo> 
    
    
    
    
<lists  info='   ' /> 
    
    
    
    
<lists  info='   ' /> 
    
    
    
    
<lists  info='   ' /> 
    
    
    
    
TestInfo> 
   
   
   
   

이렇게 쓰 면 모든 페이지 에서 xml 파일 을 읽 으 려 면 많은 코드 를 반복 해 야 합 니 다.AjaxHttp Response 함수 에서 만 변경 이 필요 합 니 다.그러면 우 리 는 시간 을 절약 하고 공 부 를 하지 않 는 방법 을 생각해 야 합 니 다.아마도 jquery 안의 패 키 지 를 알 고 있 을 것 입 니 다.그러면 저 는 지금 jquery 안의 ajax 를 배 워 야 합 니 다.여러분 도 공부 하 세 요.