Jquery에서 Ajax 포스트 사용

jQuery.post(url, [data], [callback], [type])

개요

원격 HTTP POST 요청을 통해 정보를 로드합니다.

복잡한 $.ajax를 대체하는 간단한 POST 요청 함수입니다. 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.

매개변수

url,[data],[callback],[type]String,Map,Function,StringV1.0

url: 요청 주소를 보냅니다.

data: 전송할 키/값 매개변수입니다.

콜백: 전송 성공 시 콜백 함수입니다.

유형: 콘텐츠 형식, xml, html, 스크립트, json, 텍스트, _default를 반환합니다.

예

1) 데이터 배열을 서버에 전달합니다(반환 값은 무시하면서):

jQuery 코드:

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

2) ajax를 사용하여 양식 데이터 전송 요청:

jQuery 코드:

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

3) test.php 페이지로 데이터를 전송하고 결과(HTML 또는 XML에 따라)를 출력합니다. 반환된 콘텐츠):

jQuery 코드:

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

4) test.php 페이지의 콘텐츠를 가져와서 XMLHttpResponse 객체로 저장하고 process() JavaScript를 통해 처리합니다. 함수:

jQuery 코드:

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

5) test.php 페이지에서 반환된 json 형식 콘텐츠 가져오기:

jQuery 코드:

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