[jQuery] jQuery의 AJAX API

🚩 1. jQuery의 AJAX API

• $.get(url, data, function, dataType)
  • GET방식 AJAX 요청을 서버로 보낸다.
  • data에는 서버로 보내는 정보를 지정한다. GET 방식에서는 쿼리스트링으로 변환되어 서버로 보내진다.
• $.post(url, data, function,dataType)
  • POST방식 AJAX 요청을 서버로 보낸다.
  • data에는 서버로 보내는 정보를 지정한다. POST방식에서는 요청메세지으 바디부에 포함되어 서버로 보내진다.
• $.getJSON(url, data, function)
  • GET방식 AJAX 요청을 서버로 보낸다.
  • 서버가 응답으로 JSON을 보낼 때 사용한다.

$.ajax({
	type:요청방식,
	url:요청URL,
	contentType:요청메세지의 바디부에 담겨서 전달되는 데이터의 컨텐츠 타입
	data:서버로 보내는 데이터,
	dataType:서버로부터 전달받은 응답데이터의 컨텐츠 타입,
	done:서버로부터 성공적인 응답이 왔을 때 실행되는 함수,
	fail:요청이 실패했을 때 실행되는 함수
})

---

📌 1-1. 용어

1. url
   • 요청 URL을 지정한다.
2. date
   • 서버로 보내는 데이터를 지정한다.
     • "opt:title&keyword=자바&page=1"
     • {opt:"title", keyword:"자바", page:1} ⬅️ 서버로 보내질 때 쿼리스트링으로 변환된다. (자바 객체 형식)
3. function
   • 서버로부터 성공적인 응답이 왔을 때 자동으로 실행되는 함수다.
   • function은 매개변수로 서버가 보낸 응답 데이터를 전달받는다.
   • 매개변수로 전달받은 데이터는 dataType 항목에서 지정한 값을 참조해서 자동으로 적절한 타입으로 변환되어 있다.
     
4. dataType
   • 서버가 클라이언트로 보내는 응답데이터의 컨텐츠 타입을 지정한다.
   • 지정 가능한 값 : "text", "json", "xml", "jsonP"

---