JavaScript[JS]
[Ajax] ajax란? / response 응답데이터
HANdeveloper
2022. 9. 7. 17:08
Ajax
빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발기법(비동기방식)
전체를 다시 로딩하지 않고, 웹페이지의 일부분만 갱신할 수 있음
동기방식 : 요청한 작업에 대해 관심을 가지고 기다리는 방식, 요청을 했을 때 시간이 많이 걸려도 결과를 기다림
비동기방식 : 요청한 작업에 대해 관심을 버리고 기다리지 않는 방식, 요청을 하고 다른일을 처리
Ajax의 장점
- 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음
- 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있음
- 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음
- 백그라운드 영역에서 서버로 데이터를 보낼 수 있음
- 서버와 다양한 형태의 데이터를 주고받음 (JSON, XML, HTML, TEXT파일 등)
Ajax 응답데이터 확인
- 서버의 응답을 얻으려면 XMLHttpRequest 객체의 responseText 또는 responseXML 속성 사용
★ html 파일과 request 파일은 같은 서버에 있어야 함(ajax관련 파일들이 같은 서버상에 있어야 작동됨)
- responseText : 문자열로 응답데이터를 얻음
- responseXML : XML 데이터로 응답데이터를 얻음