여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. jQuery – AJAX – get() 및 post()
jQuery – AJAX – get() 및 post()
8개월전 작성
8개월전 수정

get() 및 post()

jQuery get() 및 post() 메서드는 HTTP GET 또는 POST 요청을 통해 서버에서 데이터를 요청하는 데 사용된다.

HTTP 요청: GET 대 POST

클라이언트와 서버 간의 요청-응답에 일반적으로 사용되는 두 가지 방법은 GET과 POST다.

  • GET – 지정된 리소스에서 데이터를 요청한다.
  • POST – 처리할 데이터를 지정된 리소스에 제출한다.

GET은 기본적으로 서버에서 일부 데이터를 가져오는(검색) 데 사용된다.
⭐ GET 메서드는 캐시된 데이터를 반환할 수 있다.

POST를 사용하여 서버에서 일부 데이터를 가져올 수도 있다.
그러나 POST 메서드는 데이터를 캐시하지 않으며 요청과 함께 데이터를 보내는 데 자주 사용된다.

jQuery $.get()

$.get() 메서드는 HTTP GET 요청을 통해 서버에 데이터를 요청한다.

형식
$.get(URL,callback);
매개변수
URL
:
요청하려는 URL을 지정한다.
callback
:
요청이 성공할 경우 실행될 함수의 이름이다.
예제
$("button").click(function(){
  $.get("demo_test.asp", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});
기본 예시
예제 보기

jQuery $.post()

$.post() 메서드는 HTTP POST 요청을 사용하여 서버에서 데이터를 요청한다.

형식
$.post(URL,data,callback);
매개변수
URL
:
요청하려는 URL을 지정한다.
data
:
요청과 함께 보낼 일부 데이터를 지정한다.
callback
:
요청이 성공할 경우 실행될 함수의 이름이다.
예제
$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name: "Donald Duck",
    city: "Duckburg"
  },
  function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});
기본 예시
예제 보기
참고

Mingg`s Diary
밍구
공부 목적 블로그