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:
{
public int Unid { get; ; } public string CustomerName { get; }
public string -seitige Verarbeitung (Json_1.ashx)
Der Code lautet wie folgt:
Kunde Kunde = neuer Kunde
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);
(1) Jquery.getJSON
Methodendefinition: jQuery.getJSON(url, data, callback)
JSON-Daten abrufen durch Get-Anfrage
·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
this; // die Optionen für diese Ajax-Anfrage
}
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:
$.getJSON(
"webdata/Json_1.ashx " ,
var tt="";
$.each(data, function(k, v) {
})
$("#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
{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"};
_list.Add(customer2);
string strJson = Newtonsoft. Json.JsonConvert. SerializeObject(_list);
Die
Zeichenfolge
[{"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:
"webdata/Json_1.ashx",
function( data) {
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!