jQuery AJAX get()와 post() 메서드

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

HTTP 요청: GET 대비 POST

客户端과 서버에서 요청-응답을 할 때 사용되는 두 가지 일반적인 메서드는 GET과 POST입니다：

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

GET은 주로 서버에서 데이터를 얻기 위해 사용됩니다. 주의事项: GET 메서드는 캐시된 데이터를 반환할 수 있습니다。

POST는 서버에서 데이터를 가져오기에도 사용될 수 있습니다. 그러나 POST 메서드는 데이터를 캐시하지 않으며, 요청과 함께 데이터를 함께 전송하는 데 자주 사용됩니다。

GET과 POST 및 두 메서드의 차이에 대해 더 알고 싶다면, 우리의 HTTP 메서드 - GET 대비 POST。

jQuery $.get() 메서드

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

문법:

$.get(URL,콜백);

필수 URL 매개변수는 요청하고자 하는 URL을 정의합니다.

선택 사항 콜백 매개변수는 요청이 성공한 후 실행할 함수 이름입니다.

아래 예제는 $.get() 메서드를 사용하여 서버의 파일에서 데이터를 가져오는 방법을 보여줍니다：

예제

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

직접 시험해 보세요

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

두 번째 매개변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청된 페이지의 내용을 저장하며, 두 번째 콜백 매개변수는 요청 상태를 저장합니다。

ヒント:이 ASP 파일 ("demo_test.asp")는 이렇게 사용됩니다：

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

jQuery $.post() 메서드

$.post() 메서드는 서버에서 데이터를 HTTP POST 요청을 통해 요청합니다.

문법:

$.post(URL,데이터,콜백);

필수 URL 매개변수는 요청하고자 하는 URL을 정의합니다.

선택 사항 데이터 매개변수는 요청과 함께 보내는 데이터를 정의합니다.

선택 사항 콜백 매개변수는 요청이 성공한 후 실행할 함수 이름입니다.

아래의 예제는 $.post()를 사용하여 데이터를 함께 요청을 보냅니다:

예제

$("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")입니다.

그런 다음 우리는 요청 (name과 city)과 함께 데이터를 함께 보냅니다.

"demo_test_post.asp"에 있는 ASP 스크립트는 이러한 매개변수를 읽고 처리한 후 결과를 반환합니다.

세 번째 매개변수는 콜백 함수입니다. 첫 번째 콜백 매개변수는 요청 페이지의 내용을 저장하고, 두 번째 매개변수는 요청 상태를 저장합니다.

ヒント:이 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 참조 매뉴얼

전체 AJAX 메서드 참조를 원하시면, 우리의 jQuery AJAX 참조 매뉴얼。