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,callback);
필수 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,data,callback);
필수 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")입니다.
그런 다음 요청과 함께 보낼 데이터(이름 및 도시)를 전달합니다.
"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 참조
모든 jQuery AJAX 메소드에 대한 전체 개요를 보려면 jQuery AJAX 참조 로 이동하십시오 .