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

jQuery - AJAX get()와 post() 메서드

jQuery $.get()와 $.post() 메서드는 HTTP GET과 POST 요청을 통해 서버에서 데이터를 요청하는 데 사용됩니다.

HTTP 요청: GET과 POST

에서GET메서드에서 브라우저는 이름/값이 URL의 끝에 추가됩니다.

GET는 보통 보안에 관심이 없는 곳에서 사용됩니다.

  • GET 요청은 캐시에 저장될 수 있습니다

  • GET 요청은 브라우저 이력 기록에 남습니다

  • GET 요청은 책签을 추가할 수 있습니다

  • 감성 데이터를 처리할 때는 GET 요청을 사용하지 않아야 합니다

  • GET 요청은 길이 제한이 있습니다(예:2048문자(자릿수)

에서POST메서드에서 내용은 URL에 표시되지 않습니다.

양식 데이터에 감성 정보나 개인 정보가 포함되어 있다면 항상 POST를 사용해야 합니다.

  • POST 요청은 항상 캐시에 저장되지 않습니다

  • POST 요청은 브라우저 이력 기록에 남지 않습니다

  • POST 요청은 책签을 추가할 수 없습니다

  • 감성 데이터를 처리할 때는 POST 요청을 사용해야 합니다

  • POST 요청은 데이터 길이에 제한이 없습니다

GET과 POST에 대한更多信息와 이 두 메서드 간의 차이점에 대해 더 알고 싶다면, 우리의HTTP 요청 메서드페이지.

jQuery $.get() 메서드

jQuery $.get()메서드는 서버에서 데이터를 HTTP GET 요청을 통해 로드합니다.

이것은$.get()method 문법:

$.get(URL, data, callback)

파라미터:

  • URL-요청하려는 URL을 지정하세요

  • data -서버로 요청을 보내는 원시 객체나 문자열을 지정할 수 있습니다(선택)

  • callback-(선택) 요청 성공 시 실행할 콜백 함수 지정

이 예제는 ajax_get.php 페이지를 요청하고, 다른 데이터를 보내고, 상태 메시지를 알림으로 보냅니다:

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

이 PHP 파일의 소스 코드입니다(ajax_get.php):

<?php
    echo "<p>Hello ",__GET['fname']." ",__GET['lname'].", How are u doing?<"/p>";
?>

jQuery $.post() 메서드

jQuery $.post()jQuery가 서버에서 데이터를 HTTP POST 요청을 통해 로드하는 메서드입니다.

이것은$.post()method 문법:

$.post(URL, data, callback)

파라미터:

  • URL-요청하려는 URL을 지정하세요

  • data -서버로 요청을 보내는 원시 객체나 문자열을 지정할 수 있습니다(선택)

  • callback-(선택) 요청 성공 시 실행할 콜백 함수 지정

이 예제는 ajax_post.php 페이지를 요청하고, 다른 데이터를 전송하고, 알림 상태 메시지를 발행합니다:

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

이 PHP 파일의 소스 코드('ajax_post.php')은 다음과 같습니다:

<?php
    echo "<p>Hello " . $_POST['fname'] . " " . $_POST['lname'] . ", How are u doing?";/p>";
?>

jQuery AJAX 참조

전체 AJAX 메서드 참조에 대해 방문하십시오jQuery AJAX 참조