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

jQuery get() 메서드

JSON 블록을 JSONP로 로드합니다. 콜백을 지정하기 위해 URL에 'callback='을 추가합니다.

$ .get() 메서드는 서버에서 데이터를 가져오기 위해 HTTP GET 요청을 사용합니다.

문법:

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

예제

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

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

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

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

ajax_get.php 페이지를 요청하고 다른 데이터를 전송하고, 알림 상태 메시지를 출력합니다:

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

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

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

json_demo를 json 형식으로 반환하는 요청1.php 파일:

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

파라미터 값

파라미터설명
URL요청하고 싶은 URL을 지정하십시오.
매개변수:서버로 함께 전송할 데이터를 지정할 수 있습니다.
callbackcallback

(선택) 요청이 성공한 후 실행할 콜백 함수를 지정합니다.

  • 매개변수:-data

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

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

XMLHttpRequest 객체를 포함합니다.dataType
(선택) 서버 응답이 필요한 데이터 타입을 지정합니다.

기본적으로 jQuery는 자동으로 추측합니다.

  • 가능한 유형:-xml

  • XML 문서-html

  • 원시 텍스트로의 HTML-text

  • 원시 텍스트 문자열-script

  • 응답을 JavaScript으로 실행하고 원시 텍스트로 반환합니다.-json

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

JSON 블록을 JSONP로 로드합니다. 콜백을 지정하기 위해 URL에 'callback='을 추가합니다.