Detaillierte Erläuterung zur Verwendung der Funktion jQuery.getJSON()

Die Funktion jQuery.getJSON() wird verwendet, um entfernte JSON-codierte Daten über eine AJAX-Anfrage in Form von HTTP GET abzurufen.

JSON ist ein Datenformat, das nativ das JSON-Format unterstützt. jQuery versucht zunächst, die vom Server über jQuery.getJSON() erhaltenen JSON-Daten in das entsprechende JS-Objekt zu konvertieren.

Wenn die angeforderte URL „callback=?“ oder ähnliche Teile enthält, behandelt jQuery sie automatisch als JSONP und führt die entsprechende Callback-Funktion aus, um die JSON-Daten zu erhalten.

Wichtiger Hinweis: Die vom Server zurückgegebenen JSON-Daten müssen der strengen JSON-Syntax entsprechen. Beispielsweise müssen alle Attributnamen in doppelte Anführungszeichen gesetzt werden, und alle String-Werte müssen ebenfalls in Anführungszeichen gesetzt werden in doppelte Anführungszeichen (anstelle von einfachen Anführungszeichen) eingeschlossen werden.

Bitte beachten Sie, dass diese Funktion Daten asynchron lädt.

Diese Funktion gehört zum globalen jQuery-Objekt.

Syntax

jQuery 1.0 fügt diese statische Funktion hinzu.

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

Parameter

Parameterbeschreibung

url String type gibt die Ziel-URL des an Anfrage.

data Optional/String/Object class type sendet die von der Anfrage übergebenen Daten.

success Optionale/Callback-Funktion, die ausgeführt wird, wenn die Funktionstypanforderung erfolgreich ist. Es verfügt über drei Parameter: Einer sind die von der Anforderung zurückgegebenen Daten, der andere ist der Anforderungsstatustext (z. B. „Erfolg“, „nicht geändert“) und der dritte ist das aktuelle jqXHR-Objekt (dieser Parameter ist in jQuery 1.4 und früheren Versionen enthalten). ist das native XMLHttpRequest-Objekt).

Die durch den Erfolgsparameter angegebene Rückruffunktion wird nur ausgeführt, wenn die Anfrage erfolgreich ist (z. B. Seite nicht gefunden, Serverfehler usw.), wird keine Verarbeitung durchgeführt.

Rückgabewert

jQuery.getJSON()Der Rückgabewert der Funktion ist vom Typ jqXHR und gibt das jqXHR-Objekt zurück, das die Anfrage gesendet hat (jQuery 1.4 und frühere Versionen geben zurück). das native XMLHttpRequest-Objekt).

Beispiel und Beschreibung

jQuery.getJSON() ist die folgende Abkürzung der jQuery.ajax()-Funktion:

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

Bitte beachten Sie den folgenden HTML-Beispielcode:

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

Das Folgende ist ein jQuery-Beispielcode im Zusammenhang mit der Funktion jQuery.getJSON(), um die spezifische Verwendung der Funktion jQuery.getJSON() zu demonstrieren:

//获取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 );
    }
} );

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung zur Verwendung der Funktion jQuery.getJSON(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!