Heim > Web-Frontend > js-Tutorial > Detaillierte Analyse der Verwendung der JQuery-getJSON-Methode

Detaillierte Analyse der Verwendung der JQuery-getJSON-Methode

巴扎黑
Freigeben: 2017-07-03 09:28:25
Original
1126 Leute haben es durchsucht

Dieser Artikel bietet hauptsächlich eine detaillierte Analyse und Einführung in die getJSON-Methode Jquery. Freunde, die sie benötigen, können darauf verweisen. Ich hoffe, dass sie für alle hilfreich ist 🎜>Vorbereitungsarbeit

Kundenklasse
Der Code lautet wie folgt:

öffentliche Klasse Kunde

{

public int Unid { get; ; }

public string CustomerName { get; }
public string -seitige Verarbeitung (Json_1.ashx)


Der Code lautet wie folgt:

Kunde Kunde = neuer Kunde

{ Unid=1,CustomerName="Song Jiang",Memo ="Tiankuixing",Other="Hei Sanlang "};

string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);

context.Response.Write(strJson);



(1) Jquery.getJSON


Methodendefinition: jQuery.getJSON(url, data, callback)


JSON-Daten abrufen durch Get-Anfrage

·URL wird verwendet, um die Adressseite der JSON-Daten bereitzustellen

·Daten(Optional) wird verwendet, um das Schlüssel-Wert-Paar an den Server zu übertragen

·Rückruf( Optional)

Rückruffunktion, JSON-Datenanforderung ist erfolgreich. Der Code der endgültigen Verarbeitungsfunktion

lautet wie folgt:
function(data, textStatus) { // Daten sind ein JSON
-Objekt

             // textStatus wird „success“ sein

          this; // die Optionen für diese Ajax-Anfrage

}




(1) ein Objekt


Der Code lautet wie folgt:$.getJSON(
"webdata/Json_1.ashx",
function(data) {
$ ("#pmessage").text(data.CustomerName);

}

);



Json-Daten von der Json_1.ashx-Adresse anfordern. Nach Erhalt der Daten Daten in Funktion verarbeiten. Bei den Daten handelt es sich hier um einen Datensatz, der einer Kundeninstanz entspricht, und die Daten liegen in k/v-Form vor. Das heißt, es liegt in der Form eines [Objekt, Objekt]-Arrays vor.
{"Unid":1,"CustomerName": "Song Jiang", "Memo": "Tiankuixing", "Other": "Herosaburo"🎜>
Verwenden Sie also beim Zugriff Daten zu Beim Zugriff wird die k/v-Schleife verwendet, um diesen Song Jiang-Datensatz zu drucken:

Der Code lautet wie folgt:


$.getJSON(
"webdata/Json_1.ashx " ,

function(data) {

var tt="";
$.each(data, function(k, v) {

tt += k + ":" + v + " < ;br/>";

       })

           $("#pmessage").html(tt);

});



Ergebnis:
Einheit: 1
Kundenname: Song Jiang
Memo: Tiankuixing
Andere: Black Saburo


(2) Objektarray


Änderung der Ashx-Datei (Json_1.ashx):

Der Code lautet wie folgt:List _list = new List(); = neuer Kunde
{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"};
Kunde customer2 = neuer Kunde
{ Unid = 2, CustomerName = "Wu Yong" , Memo = "Tianjixing", Other = "Zhiduoxing" };

_list.Add(customer);

_list.Add(customer2);

string strJson = Newtonsoft. Json.JsonConvert. SerializeObject(_list);




Die
Zeichenfolge

des generierten JSON-Objekts ist:


[{"Unid":1 ,"CustomerName" :"Song Jiang","Memo":"Tian Kuixing", "Other": "Hei Sanlang"},
{"Unid":2,"CustomerName": "Wu Yong", "Memo „:“Tian Ji Xing“, „Andere“: „Zhiduoxing“}]

Hier können Sie sehen, dass das JSON-Objekt als Sammlung nicht ein Datensatz, sondern zwei Datensätze ist. Es ist ein Array von [[Objekt, Objekt]]: [Objekt, Objekt] [Objekt, Objekt] und jeder [. Objekt, Objekt] stellt einen Datensatz dar, der einem Kunden entspricht, der tatsächlich die Form k/v hat, und dieses v ist ein Kundenobjekt, und dieses k ist der Index beginnend bei 0.

Der Code lautet wie folgt:

$.getJSON(
"webdata/Json_1.ashx",
function(data) {
$.each (Daten, Funktion(k, v) {
                                                                             ;

Methode des Listen-JSON-Objekts:

Der Code lautet wie folgt:

$.getJSON (

"webdata/Json_1.ashx",
function( data) {

var tt = "";

tt += kk + ":" + vv + "
";

                                                                                                      ;




Ergebnis:
Unid: 1
Kundenname: Song Jiang
Memo: Tiankuixing
Sonstiges: Black Saburo
Unid : 2
Kundenname: Wu Yong
Memo: Tianjixing
Andere: Zhiduoxing


Hier wird eine verschachtelte Schleife verwendet, um das Kundenobjekt aus der Liste zu durchlaufen , und die zweite Schleife wird verwendet, um das Kundenobjekt aus der Liste zu durchlaufen. Wird verwendet, um das
-Attribut
des Kundenobjekts aus dem Kundenobjekt zu durchlaufen, also das k/v-Paar.

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse der Verwendung der JQuery-getJSON-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage