jQuery - AJAX get() and post() Methods
1. HTTP Request: GET vs. POST
클라이언트와 서버사이의 요청-요구를 위한 일반적인 두 메소드는 GET 과 POST 입니다.
- GET : 명시된 자원으로부터 요구된 데이터
- POST : 처리되어진 명시된 자원을 제출한 데이터
GET은 일반적으로 서버로부터 몇몇 데이터를 그냥 가져오는데 사용합니다.
* GET 메소드는 캐시된 데이터로 남습니다.
POST 또한 서버로부터 몇몇 데이터를 가져오는데 사용됩니다. 그러나, POST 메소드는 절대로 데이터를 캐시하지 않습니다. 그리고 요청과 함께 데이터가 전송되어지기도 합니다.
2. jQuery $.get() Method
$.get() 메소드는 HTTP GET 요청인 서버로부터 데이터를 요청하는 메소드입니다.
문법:
필수적인 URL 파라미터는 요청을 원하는 URl을 명시합니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html> <head> <script> $(document).ready(function(){ $("button").click(function(){ $.get("demo.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); }); }); </script> </head> <body> <button>Send an HTTP GET request to a page and get the result back</button> </body> </html> | cs |
3. jQuery $.post() Method
$.post() 메소드는 HTTP POST 요청을 사용하여 서버로부터 데이터를 요청합니다.
문법:
$.post(URL,data,callback);
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html> <html> <head> <script> $(document).ready(function(){ $("button").click(function(){ $.post("demo_test_post.asp", { name: "Donald Duck", city: "Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); }); }); </script> </head> <body> <button>Send an HTTP POST request to a page and get the result back</button> </body> </html> | cs |
