Ajax는 무엇인가?

Ajax는 Asynchronous JavaScript and XML

 

특징 페이지 이동없이 페이지 내에  백그라운드에서   서버와  통신이 가능하다.

 JSON , XML , HTML  텍스트 파일 등을 주고 받을 수 있다.

 

http 프로토콜은 기본적으로  페이지를 갱신하기 위해서 다시 request를 하고 response하여 페이지 전체를 다시 받는데, 페이지 내용 일부만 갱신 하려면 ajax 방식을 사용한다. 

 

사용 예시

1.자바스크립트 사용

 

<script>

 

var xhr = new XMLHttpRequest();

xhr.onload = function() { 
    if(xhr.status===200){ 
        document.getElementById('test').innerHTML = xhr.responseText;
    }
};
xhr.open('GET', './update.html', true); 
xhr.send(null); /

 

</script>

 

2. 제이쿼리 사용하는 경우 

<script>

 

function  update(fd)
{
 $.ajax({
     type:"post",
     url :"./update.html",
     data:fd,
     cache:false,
     contentType:false,
     processData:false,
     dataType :"html",
     success: function(data){
       $("#test").html(data);
   },
   error: function(){
         alert("업로드실패!! 다시시도해주세요.");
   }

  });

}

 

 </script>