jQuery - Ajax get() and post() Methods

jQuery - Ajax get() and post() Methods

jQuery get() 및 post() 메소드는 HTTP GET 또는 HTTP POST 요청으로 서버에서 데이터를 요청하는 데 사용됩니다.

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

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

GET은 기본적으로 서버에서 일부 데이터를 가져 오는 데 사용됩니다. Note: GET 메서드는 캐시된 데이터를 반환할 수 있습니다.

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

GET 및 POST에 대한 자세한 내용과 두 메서드의 차이점에 대해 알아 보려면 HTTP Methods GET vs POST를 참조하세요.

$.get() 메서드는 HTTP GET 요청으로 서버에게 데이터를 요청합니다.

$.get(URL,callback);

필수 URL 매개 변수는 요청하려는 URL을 지정합니다.\\

선택할 수 있는 콜백 매개변수는 요청이 성공할 경우 실행되는 함수의 이름입니다.

다음 예제에서는 $.get() 메서드를 사용하여 서버의 파일에서 데이터를 검색합니다.

    $(document).ready(function () {
      $("button").click(function () {
        $.get("demo_test.asp", function (data, status) {
          alert("Data: " + data + "\nStatus: " + status);
        });
      });
    });

$.get()의 첫 번째 매개 변수는 요청하려는 URL("demo_test.asp")입니다.

두 번째 매개 변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청된 페이지의 콘텐츠를 보유하고, 두 번째 콜백 매개변수는 요청 상태를 보유합니다.

Tip: 다음은 ASP 파일의 모양( “demo_test.asp”)입니다:

<%
response.write("This is some text from an external ASP file.")

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

$.post(URL,data,callback);

필수 URL 매개변수는 요청하려는 URL을 지정합니다.

data 매개변수 선택은 요청과 함께 보낼 일부 데이터를 지정합니다.

선택할 수 있는 콜백 매개변수는 요청이 성공할 경우 실행될 함수의 이름입니다.

다음 예제에서는 $.post() 메서드를 사용하여 요청과 함께 일부 데이터를 보냅니다.

    $(document).ready(function () {
      $("button").click(function () {
        $.post("demo_test_post.asp", 
          {
            name: "Donald Duck",
            city: "Duckburg"
          },
          function (data, status) {
            alert("Data: " + data + "\nStatus: " + status);
          });
      });
    });

$.post()의 첫 번째 매개변수는 요청하려는 URL ("demo_test_post.asp")입니다.

이후, 요청(이름 및 도시)과 함께 보낼 데이터를 전달합니다.

"demo_test_post.asp"의 ASP 스크립트는 매개변수를 읽고, 처리하고, 결과를 반환합니다.

세 번째 매개변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청된 페이지의 콘텐츠를 보유하고, 두 번째 콜백 매개변수는 요청 상태를 보유합니다.

Tip: 다음은 ASP 파일의 모양입니다("demo_test_post.asp"):

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

모든 jQuery AJAX 메서드에 대한 전체 개요를 보려면, jQuery AJAX Reference로 이동하십시오.