목차
WEB3 - Ajax 1. 수업소개
WEB3 - Ajax 2.1 수업의 목적 (1/2)
WEB3 - Ajax 2.2 수업의 목적 (2/2)
WEB3 - Ajax 3. 실습환경 준비
WEB3 - Ajax 4. 동적으로 컨텐츠 변경
WEB3 - Ajax 5.0 fetch API - 사용법
WEB3 - Ajax 5.1 fetch API - 요청과 응답
WEB3 - Ajax 5.2 fetch API - response 객체
WEB3 - Ajax 6.1 ajax의 적용
WEB3 - Ajax 6.2 리팩토링 함수화
WEB3 - Ajax 7.1 초기 페이지 (1/2)
WEB3 - Ajax 7.2 초기 페이지 (2/2)
WEB3 - Ajax 8.1 글목록 (1/2)
WEB3 - Ajax 8.2 글목록 (2/2)
WEB3 - Ajax 9 fetch API polyfill
WEB3 - Ajax 10 수업을 마치며
ajax란?
- Asynchronous JavaScript and XML 의 약자
- 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방식. 이 때 XML을 이용한다.
- 꼭 XML을 이용할 필요는 없고, 최근에는 json을 더 많이 이용한다.
- 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미.
선행지식
$.ajax(settings)
- jQuery를 이용한 ajax통신의 가장 기본적인 API
주요속성 - data : 서버에 전송할 데이터, key/value 형식의 객체
- dataType : 서버가 리턴하는 데이터 타입 (xml, json, script, html)
- type : 서버로 전송하는 데이터의 타입 (POST, GET)
- url : 데이터를 전송할 URL
- success : ajax통신에 성공했을 때 호출될 이벤트 핸들러
