[Jquery] $.GET(), $.POST() - 서버에 요청하는 방법

    

 

이번 글에서는 AJAX와 관련된 메소드 $.GET() 과 $.POST() 메소드에 대하여 알아보도록 하겠습니다.

이 두가지 방식은 클라이언트에서 서버로 HTTP 요청을 보낼 때 사용되는 방식입니다.

 

$.get() 메소드 

$.get(URL주소[,콜백함수]);

 

URL 주소는 클라이언트가 서버에 요청을 보낼 주소입니다.

콜백함수는 HTTP 요청이 성공했을 때 실행할 함수를 나타냅니다.

<script>
    $(function() {
        $("#requestBtn").on("click", function() {
            $.get("URL주소"), // GET 방식으로 서버에 HTTP Request를 보냄.
                { species: "강아지", name: "양하얀", age: 13}, // 서버가 필요한 정보를 같이 보냄.
                function(data, status) {
                    $("#text").html(data + "<br>" + status); // 전송받은 데이터와 전송 성공 여부를 보여줌.
                }
        })
    })
</script>

<h1>$.get() 메소드</h1>
<button id="requestBtn">GET 방식으로 데이터 불러오기!</button>
<p id="text"></p>

 

---

$.post() 메소드

$.post(URL 주소[,데이터][,콜백함수]);

 

이 메소드를 통해 어렵지 않게 서버에 요청을 간단하게 할 수 있습니다.

<script>
$(function() {
  $("#requestBtn").on("click", function() {
    $.post("URL 주소"), // POST 방식으로 서버에 HTTP Request를 보냄.
      { species : "양하얀", grade "A+"},  // 서버가 필요한 정보를 같이 보냄.
       function(data, status) {
         $("#test").html(data + "<br>" + status); // 전송받은 데이터와 전송 성공 여부를 보여줌.
       }
  })
})
</script>