ajax (기초)

ajax (기초)

 

ajax란

 

JavaScript 비동기 통신 

 

---

사용법

 

var xhttp = new XMLHttpRequest();

 

요청 get

xhttp.open("GET", "textData.jsp?name=홍길동",true);

 

 - GET일 때에는 url에 쿼리스트링(?뒤에 name = 홍길동)으로 , true는 비동기일 때, false는 동기일 때

 

xhttp.send()

 

 

요청 post

 

 data = "name=korea&age=15“;

 

 xhttp.open("POST", "first.jsp", true);

 

 xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

 

xhttp.send(data);

 

---

readyState

 

0 : open() 메서드 수행전

 

1 : 로딩중

 

2 : 로딩완료

 

3 : 서버처리중

 

4 : 서버 처리끝

 

status(서버의 처리결과)

 

200 : 성공

 

403 : 접근거부

 

404 : 파일 / 페이지 없음

 

 

---

 

 

응답

 

xhttp.onreadystatechange = function(){

 

   if(this.readyState == 4 && this.status == 200){

 

     res = this.responseText; // res변수에 결과를 받는다.

 

     resjson = JSON.parse(res)  // res변수를 JSON형태로 바꿈

   }

}