JavaScript AJAX

예진·2020년 7월 29일
0

JavaScript

목록 보기
5/8
### JavaScript AJAX

	: Asynchronous JavaScript And XML.
    
    프로그래밍 언어가 아니다.
    
    작동 방식 
    	
        1. 웹 페이지에서 이벤트가 발생한다.(페이지가로드되고 버튼이 클릭 됨)
        
        2. XMLHttpRequest 객체는 JavaScript에 의해 생성된다.
        
        3. XMLHttpRequest 객체는 웹 서버에 요청을 보낸다
        
        4. 서버가 요청을 처리한다.
        
        5. 서버가 웹 페이지로 응답을 보낸다.
        
        6. JavaScript로 응답을 읽는다.
        
        7. JavaScript로 적절한 조치 (예 : 페이지 업데이트)가 수행된다.
        
    XMLHttpRequest 객체 생성
    
    	variable = new XMLHttpRequest();
        
    서버로 요청 보내기
    
    	open(method, url, async) : 요청 유형을 지정한다.
        	
            method : GET 또는 POST
            
            url : 서버(파일) 위치
            
            async : true(asynchronous) 또는 false(synchronous)
            
        send() : 서버에 요청을 보낸다.(GET에 사용)
        
        send(String) : 서버에 요청을 보낸다.(POST 에 사용)
        
    서버 응답
    	
        onreadystatechange : readyState가 변경 될 때 실행될 함수를 정의한다.(변경될때마다 호출한다.)
                
        readyState :  XMLHttpRequest의 상태를 유지한다.
        
        status, statusText : XMLHttpRequest의 객체의 상태를 보유하고 있다.
    	속성
        	
            responseText : 응답 데이터를 문자열로 가져온다.
            	
			responseXML : 응답 데이터를 XML 데이터로 가져온다.
            
        방법
        
        	getResponseHeader()	:서버 리소스에서 특정 헤더 정보를 반환한다.

			getAllResponseHeaders() :서버 자원으로부터 모든 헤더 정보를 돌려준다.
            

0개의 댓글