Ajax 서버 전송후 데이터 처리 및 응답 결과
onreadystatechange, onload, responseText, JSON
onreadystatechange
사용자가 요청이 보내면 서버에서 응답 결과를 보내 줍니다.
사용자가 요청을 보내면 언제 도착하는지 알아야 다음 작업을 진행할수 있다.
onreadystatechange이벤트를 통해서 데이터의 현재 상태가 어떠한 상태인지 처리 상태를 알수 있게 해주는 이벤트이다.
onreadystatechange 의 값이 4이면 모든데이터를 받았다는 상태이다.
exam
<script type="text/javascript">
request.onreadystatechange = callbackFunction;
function callbackFunction() {
if (request.readyState == 4) {
//서버에서 데이터가 모두 처리되어 문제가 없을때
}
}
</script>
서버에서 HTTP 상태 코드 기준 으로 처리 방법
exam
<script type="text/javascript">
request.onreadystatechange = function () {
if (request.readyState == 4 && request.status == 200) {
//서버에서 데이터가 모두 처리되어 문제가 없을때
}
}
</script>
onload
Ajax onload 이벤트는 응답 데이터를 다 읽어 들였을 때 발생 하는 이벤트 onreadystatechange 나 readyState 처럼 상태를 파악할 필요가 없다.
<script type="text/javascript">
request.onload = function () {
//서버에서 데이터가 모두 처리되어 문제가 없을때
}
</script>
responseText
서버에서 데이터의 내용을 받아올때 사용하는 방법으로 서버에 요청을 보내 응답 결과를 문자열로 받아 낼수 있는 방법이다.
