例子 1

从 Flickr JSONP API 载入 4 张最新的关于猫的图片：

HTML 代码：

<div id="images"></div>

$.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;
  });
});

例子 2

从 test.js 载入 JSON 数据，附加参数，显示 JSON 数据中一个 name 字段数据：

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

jQuery ajax - getScript()   
     
     
     
     

      
      
      
      
  
      
      
      
      
   AJAX            JavaScript   ：
      
      
      
      
$("button").click(function(){
  $.getScript("demo_ajax_script.js");
});
정의 와 용법
getScript () 방법 은 HTTP GET 를 통 해 JavaScript 파일 을 불 러 오고 실행 할 것 을 요청 합 니 다.
문법
jQuery.getScript(url,success(response,status))
매개 변수
묘사 하 다.
url 
요청 할 URL 문자열 입 니 다.
success(response,status) 
선택 할 수 있다.요청 이 성공 한 후 실행 할 반전 함 수 를 규정 합 니 다.추가 인자:
response - 요청 한 결과 데이터 포함 status - 요청 한 상태 포함 ("success", "notmodified", "error", "timeout" 또는 "parsererror") 자세하게 설명 하 다
이 함 수 는 약자 Ajax 함수 로 다음 과 같 습 니 다.
$.ajax({
  url: url,
  dataType: "script",
  success: success
});
이 반전 함 수 는 되 돌아 오 는 자바 스 크 립 트 파일 로 전 송 됩 니 다.스 크 립 트 가 실행 되 었 기 때문에 이것 은 일반적으로 그다지 유용 하지 않다.
불 러 온 스 크 립 트 는 전역 환경 에서 실행 되 기 때문에 다른 변 수 를 참조 하고 jQuery 함 수 를 사용 할 수 있 습 니 다.
예 를 들 어 test. js 파일 을 불 러 오 는 것 은 다음 코드 를 포함 합 니 다.
$(".result").html("<p>Lorem ipsum dolor sit amet.</p>");
이 파일 이름 을 참조 하면 이 스 크 립 트 를 불 러 오고 실행 할 수 있 습 니 다.
$.getScript("ajax/test.js", function() {
  alert("Load was performed.");
});
설명: jQuery 1.2 버 전 이전에 getScript 는 같은 도 메 인 JS 파일 만 호출 할 수 있 습 니 다.1. 2 에서 도 메 인 을 넘 어 JavaScript 파일 을 호출 할 수 있 습 니 다.메모: Safari 2 또는 더 빠 른 버 전 은 전역 역할 영역 에서 스 크 립 트 를 동기 화 할 수 없습니다.getScript 를 통 해 스 크 립 트 를 추가 하면 지연 함 수 를 추가 하 십시오.
      
      
      
      
   1
      
      
      
      
      test.js：
      
      
      
       
$.getScript("test.js");
 
      
      
      
      
   2
      
      
      
      
      test.js ，       ：
      
      
      
        
$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});
예 3
불 러 오기 jQuery 공식 색상 애니메이션 플러그 인 성공 후 바 인 딩 색상 변화 애니메이션:
HTML 코드:
<button id="go">Run</button>
<div class="block"></div>
jQuery 코드:jQuery.getScript ("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js",
function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
});