Jquery.post(), Ajax을 이용하여 POST 전송하는 법

안녕하세요. 쥐똥박사입니다.

Jquery로 post 전송하는 방법을 알려드리도록 하겠습니다.

원문: http://api.jquery.com/jQuery.post/

jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )

개요: HTTP POST 방식 요청을 통해 서버로부터 데이터를 받습니다.

data?

서버로 보내 데이터

success(data, textStatus, jqXHR)?

요청이 성공하면 실행될 콜백 함수.

dataType?

서버에서 반환되는 데이터의 타입, Default:지능형 추측(xml, json, script, html)

사용법은 아래와 같음

　
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: data
})
　

사용예

　
// 요청 url만, 리턴 결과값 무시함.
$.post(" http://web/test/");  

=======================================================================================

// name이랑 time 포함해서 보내는 형식
$.post("http://web/test/", {name:"gddong",time:"2시"});

=======================================================================================

//Array 배열 형으로 넣어 보내는 형식
$.post("http://web/test/", {'arrayName[]' : ["array1","array2"]}); 

=======================================================================================

//폼데이터 내에 ID 가져옴
$.post("http://web/test/", $("#ID").serialize()); 

=======================================================================================

//값일 전송 후 리턴 값 받음.
$.post("http://web/test/", function(data){ 
    alert("데이터 불러온 결과: "+data);
});

=======================================================================================

// Json방식으로 전송하여 리턴 값 받음.
$.post("http://web/test/", {"func":"getNameAndTime"}, function(data){
    console.log(data.name);    //gddong
    console.log(data.time);    //2시
}, "json");