English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery post() 메서드

jQuery Ajax 메서드

$ .post() 메서드는 서버에서 데이터를 HTTP POST 요청으로 로드합니다.

문법:

$.post(URL, data, callback, dataType)

예제

이 예제는 요청된 HTML 코드 부분을 가져와 페이지에 삽입합니다:

$("button").click(function(){
  $.post("ajax_post.php", function(data){
    $("#output").html(data);
  });
});
테스트를 보세요‹/›

ajax_post.php 페이지를 요청하고 다른 데이터를 전송합니다:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  });
});
테스트를 보세요‹/›

ajax_post.php 페이지를 요청하고 다른 데이터를 전송하고 상태 메시지를 알림:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
테스트를 보세요‹/›

demo.json 파일을 요청하고 페이지에 삽입합니다:

$("button").click(function(){
  $.post("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
테스트를 보세요‹/›

json_demo 요청1.php 파일이 json 형식으로 반환되었습니다:

$("button").click(function(){
  $.post("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
테스트를 보세요‹/›

파라미터 값

파라미터설명
URL요청할 URL을 지정합니다.
data서버로 전송할 원본 객체나 문자열을 지정할 수 있습니다.
callback요청이 성공하면 실행할 콜백 함수를 지정할 수 있습니다.(선택적)

매개변수:

  • data-요청에서 결과 데이터를 포함합니다.

  • status-요청 상태(“success”, “notmodified”, “error”, “timeout”, 또는 “parsererror”)를 포함합니다.

  • xhr-XMLHttpRequest 객체를 포함합니다.

dataType서버 응답이 필요한 데이터 유형을 지정할 수 있습니다.(선택적)
기본적으로 jQuery는 자동으로 추측합니다.

가능한 유형:

  • “xml”-XML 문서

  • “html”-순수 텍스트로 실행되는 HTML

  • “text”-순수 텍스트 문자열

  • “script”-응답을 JavaScript로 실행하고 순수 텍스트로 반환합니다.

  • “json”-응답을 JSON으로 실행하고 JavaScript 객체를 반환합니다.

  • “jsonp”-JSONP를 사용하여 JSON 블록을 로드합니다. 콜백을 지정하기 위해 URL에 "?callback=?”를 추가합니다.

jQuery Ajax 메서드