jQuery.getJSON(url, [data], [callback]) 기본 소개

반환값: XMLHttpRequestjQuery.getJSON(url, [data], [callback])

Overview

HTTP GET 요청을 통해 JSON 데이터를 로드합니다.

jQuery 1.2에서는 "myurl?callback=?"과 같은 JSONP 형식의 콜백 함수를 사용하여 다른 도메인의 JSON 데이터를 로드할 수 있습니다. jQuery는 콜백 함수를 실행하기 위해 ?를 올바른 함수 이름으로 자동으로 대체합니다. 참고: 이 콜백 함수가 실행되기 전에 이 줄 뒤의 코드가 실행됩니다.

Parameters

urlString

보내는 요청 주소입니다.

data (선택 사항)Map

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

callback (선택)Function

로딩 성공 시 콜백 함수입니다.

Example

설명:

Flickr JSONP API에서 고양이의 최신 사진 4개를 로드합니다.

HTML 코드:

<p id="images"></p>

j쿼리 코드:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

설명:

test.js에서 JSON 데이터를 로드하고 JSON 데이터에 이름 필드 데이터를 표시합니다.

jQuery 코드:

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

설명:

test.js에서 JSON 데이터를 로드하고, 매개변수를 추가하고, JSON 데이터에 이름 필드 데이터를 표시합니다.

j쿼리 코드:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});

이 기사 작성: Chen Xizhang, 날짜: 2009/7/2 8:27:43 게재위치: http://www.cnblogs.com/chenxizhang/
이 글의 저작권은 작성자에게 있으며 전재 가능합니다. 단, 이 글은 작성자의 동의 없이 보관되어야 하며, 원문 링크는 반드시 게시되어야 합니다. 기사 페이지의 명확한 위치에 제공되지 않으면 당사는 법적 책임을 추구할 권리를 보유합니다.
더 많은 블로그 게시물과 저자의 블로그에 대한 전체 설명 인용 및 협력 정책을 보려면 다음 사이트를 참조하세요: Chen Xizhang의 블로그 센터

위 내용은 jQuery.getJSON(url, [data], [callback]) 기본 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!