본문 바로가기
JavaScript[JS]

[Ajax] ajax란? / response 응답데이터

by HANdeveloper 2022. 9. 7.

 

Ajax
빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발기법(비동기방식)
전체를 다시 로딩하지 않고, 웹페이지의 일부분만 갱신할 수 있음

동기방식 : 요청한 작업에 대해 관심을 가지고 기다리는 방식, 요청을 했을 때 시간이 많이 걸려도 결과를 기다림
비동기방식 : 요청한 작업에 대해 관심을 버리고 기다리지 않는 방식, 요청을 하고 다른일을 처리

 

Ajax의 장점
  • 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음
  • 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있음
  • 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음
  • 백그라운드 영역에서 서버로 데이터를 보낼 수 있음
  • 서버와 다양한 형태의 데이터를 주고받음 (JSON, XML, HTML, TEXT파일 등)

 

Ajax 응답데이터 확인

- 서버의 응답을 얻으려면 XMLHttpRequest 객체의 responseText 또는 responseXML 속성 사용

★ html 파일과 request 파일은 같은 서버에 있어야 함(ajax관련 파일들이 같은 서버상에 있어야 작동됨)

 

  • responseText : 문자열로 응답데이터를 얻음
  • responseXML : XML 데이터로 응답데이터를 얻음

 

댓글