Ajax
빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발기법(비동기방식)
전체를 다시 로딩하지 않고, 웹페이지의 일부분만 갱신할 수 있음
동기방식 : 요청한 작업에 대해 관심을 가지고 기다리는 방식, 요청을 했을 때 시간이 많이 걸려도 결과를 기다림
비동기방식 : 요청한 작업에 대해 관심을 버리고 기다리지 않는 방식, 요청을 하고 다른일을 처리
Ajax의 장점
- 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음
- 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있음
- 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음
- 백그라운드 영역에서 서버로 데이터를 보낼 수 있음
- 서버와 다양한 형태의 데이터를 주고받음 (JSON, XML, HTML, TEXT파일 등)
Ajax 응답데이터 확인
- 서버의 응답을 얻으려면 XMLHttpRequest 객체의 responseText 또는 responseXML 속성 사용
★ html 파일과 request 파일은 같은 서버에 있어야 함(ajax관련 파일들이 같은 서버상에 있어야 작동됨)
- responseText : 문자열로 응답데이터를 얻음
- responseXML : XML 데이터로 응답데이터를 얻음
'JavaScript[JS]' 카테고리의 다른 글
[React] sideEffect/useEffect/cleanupEffect (0) | 2022.11.23 |
---|---|
[React] 화살표 함수 (0) | 2022.11.17 |
[JS] DOM 요소 (getElementById,getElementByName,getElementsByTagName,getElementsByClassName) (0) | 2022.09.06 |
[JS] 자바스크립트(JavaScript) 란? (0) | 2022.09.06 |
[JS] BOM 과 DOM의 차이 (0) | 2022.09.06 |
댓글