> 웹 프론트엔드 > JS 튜토리얼 > jQuery.getJSON() 함수 사용법에 대한 자세한 설명

jQuery.getJSON() 함수 사용법에 대한 자세한 설명

巴扎黑
풀어 주다: 2017-07-03 09:30:57
원래의
1245명이 탐색했습니다.

jQuery.getJSON() 함수는 HTTP GET 형식의 AJAX 요청을 통해 원격 JSON 인코딩 데이터를 얻는 데 사용됩니다.

JSON은 데이터 형식입니다. JS는 기본적으로 JSON 형식을 지원합니다. jQuery.getJSON()을 통해 서버에서 얻은 JSON 데이터의 경우 jQuery는 먼저 해당 JS 개체로 변환을 시도합니다.

요청된 URL에 "callback=?" 및 기타 유사한 부분이 포함되어 있으면 jQuery는 자동으로 이를 JSONP로 처리하고 해당 콜백 함수를 실행하여 JSON 데이터를 얻습니다.

중요 사항: 서버에서 반환된 JSON 데이터는 엄격한 JSON 구문을 준수해야 합니다. 예를 들어 모든 속성 이름은 큰따옴표로 묶어야 하며 모든 string 값도 큰따옴표로 묶어야 합니다(대신 작은따옴표).

이 함수는 데이터를 비동기적으로 로드한다는 점에 유의하세요.

이 함수는 전역 jQuery 개체에 속합니다.

Syntax

jQuery 1.0에는 이 정적 함수가 추가되었습니다.

jQuery.getJSON( url [, data ] [, Success ] )

Parameters

매개변수 설명

url 문자열 유형은 요청의 대상 URL을 지정합니다.

data Optional/String/Object classtype은 요청에 의해 전달된 데이터를 보냅니다.

success 함수 유형 요청이 성공하면 실행되는 선택적/콜백 함수입니다. 여기에는 3개의 매개변수가 있습니다. 하나는 요청에 의해 반환된 데이터이고, 다른 하나는 요청 상태 텍스트(예: "성공", "수정되지 않음")이고, 세 번째는 현재 jqXHR 개체(jQuery 1.4 및 이전 버전, 이 매개변수)입니다. 기본 XMLHttpRequest 객체입니다).

success 매개변수에 지정된 콜백 함수는 요청이 성공한 경우에만 실행됩니다(예: 페이지를 찾을 수 없음, 서버 오류 등).

반환 값

jQuery.getJSON()함수의 반환 값은 jqXHR 유형으로, 요청을 보낸 jqXHR 개체를 반환합니다(jQuery 1.4 및 이전 버전은 기본 XMLHttpRequest 개체를 반환함).

예제 및 설명

jQuery.getJSON()은 jQuery.ajax() 함수의 다음 약어입니다.

jQuery.getJSON(url, data, success);
// 等价于
$.ajax({
 url: url,
 type: "GET",
 data: data,
 success: success,
 dataType: "json"
});
로그인 후 복사

다음 HTML 샘플 코드를 참고하세요.

<div id="content1">CodePlayer</div>
<div id="content2">专注于编程开发技术分享</div>
<div id="content3">http://www.365mini.com</div>
로그인 후 복사

다음은 jQuery.getJSON()과 관련된 내용입니다. function jQuery.getJSON() 함수의 구체적인 사용법을 보여주는 jQuery 샘플 코드:

//获取index.php?type=json的JSON数据,但不作任何处理
$.getJSON( "index.php?type=json" );
// 等价于 index.php?id=5&orderId=5&money=100
$.getJSON( "index.php?id=5", "orderId=5&money=100" );
// 等价于 http://localhost/index.php?id=5&orderId=5&money=100
$.getJSON( "http://localhost/index.php?id=5", {orderId: 5, money: 100} );
/* ***** 一般不会使用上述不对获取的JSON数据作任何处理的用法***** */
// 获取index.php?type=json的JSON数据,获取成功时弹出对话框
$.getJSON( "index.php?type=json", function(data, textStatus, jqXHR){
    // data 是该请求返回的数据(可能经过处理)
    // textStatus 可能是"success"、 "notmodified"等
    // jqXHR 是经过jQuery封装的XMLHttpRequest对象(保留其本身的所有属性和方法)
    // 如果服务器返回的JSON格式的数据是 {"id": 5, "name": "CodePlayer"}
    // JSON格式的数据的属性名称必须加双引号,字符串值必须加双引号。
    // jQuery已经将其转换成对应的JS对象
    alert( data.id ); // 5
    alert( data.name ); // CodePlayer
} );
// 获取"/action.php?m=list&page=2&size=10"的JSON数据,获取成功时弹出对话框
$.getJSON( "/action.php?m=list", { page: 2, size: 10  }, function(data, textStatus, jqXHR){
    // 如果服务器返回的JSON格式的数据是 [ {"id":11, "title":"文章11"}, {"id":12, "title":"文章12"}, {"id":13, "title":"文章13"} ]
    // jQuery将获取的JSON格式数据转换为JS数组
    for(var i in data){
        var obj = data[i];
        alert( obj.title );
    }
} );
로그인 후 복사

위 내용은 jQuery.getJSON() 함수 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿