📝

4. 제이쿼리와 Ajax

1. $.ajax() 메소드

1.1 $.ajax() 메소드

$.ajax([옵션])
URL 주소 : 클라이언트가 HTTP 요청을 보낼 서버의 주소
옵션 : HTTP 요청을 구성하는 키와 값의 쌍으로 구성되는 헤더의 집합

2. 기타메소드

2.1 $.get() 메소드

$.get(URL주소[,콜백함수]);
콜백 함수 : HTTP 요청이 성공했을 때 실행할 함수

2.2 $.post() 메소드

$.post(URL주소[,데이터][,콜백함수]);
URL 주소 : 클라이언트가 HTTP 요청을 보낼 서버의 주소
데이터 : HTTP 요청과 함께 서버로 보낼 데이터
콜백 함수 : HTTP 요청이 성공했을 때 실행할 함수

2.3 load() 메소드

데이터를 받아서 선택된 요소에 동적으로 페이지의 내용을 교체할 수 있습니다.
.load(URL[,데이터][,콜백함수])
URL 주소 : 데이터를 받을 주소
데이터 : HTTP 요청과 함꼐 서버로 보낼 데이터(객체나 문자열)
콜백함수 : 요청이 성공했을 때 시행될 함수
 
Ajax 메소드
메소드
설명
비동기식 Ajax를 이용하여 HTTP 요청을 전송함.
전달받은 주소로 GET 방식의 HTTP 요청을 전송함.
전달받은 주소로 POST 방식의 HTTP 요청을 전송함.
웹 페이지에 스크립트를 추가함.
전달받은 주소로 GET 방식의 HTTP 요청을 전송하여, 응답으로 JSON 파일을 전송받음.
서버에서 데이터를 읽은 후, 읽어 들인 HTML 코드를 선택한 요소에 배치함.