jQuery $.post() 메서드 테스트

HTTP POST 요청 방식으로 $.post() 메서드를 사용할 수 있다.

$.post(URL,data,callback); 

첫번째 인자로 요청할 URL을 지정할 수 있다. 옵션으로 data 파라메터를 통해 전달할 데이터와 실행할 콜백 함수의 이름을 지정할 수 있다.

Example

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

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 & ".")
 %>

몇가지 사용 예제

$.post("test.php");

test.php 에 요청하지만, 반환 결과는 무시합니다.

$.post("test.php", { name: "John", time: "2pm" } );

데이터를 포함하여 test.php 에 요청합니다.(단, 반환 결과는 무시합니다.)

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

배열 형태의 데이터를 서버로 보냅니다.(여전히 반환 결과에는 신경쓰지 않습니다.)

$.post("test.php", $("#testform").serialize());

폼 데이터를 보냅니다.

$.post("test.php", function(data) {
   alert("Data Loaded: " + data);
 });

test.php 의 요청 결과를 알림창으로 보여 줍니다.

$.post("test.php", { name: "John", time: "2pm" },
   function(data) {
     alert("Data Loaded: " + data);
   });

test.php에 데이터를 보내고 반환된 결과를 알림창으로 보여 줍니다.

$.post("test.php", { "func": "getNameAndTime" },
 function(data){
   console.log(data.name); // John
   console.log(data.time); //  2pm
 }, "json");

test.php 페이지가 json 형태의 데이터 (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>)를 반환하면 그 데이터를 디버그를 위한 콘솔에 뿌립니다.