Heim > Web-Frontend > js-Tutorial > Hauptteil

So gehen Sie vor, wenn JQuery Ajax JSON zurückgibt

亚连
Freigeben: 2018-05-25 09:50:22
Original
2427 Leute haben es durchsucht

Json-Daten sind eine Datenspeichermethode für die Dateninteraktion in Echtzeit. Die am häufigsten verwendete Methode ist die Kombination von Ajax und JSON. Im Folgenden werde ich Ihnen die Verarbeitungsmethode von JQuery Ajax vorstellen, die JSON zurückgibt (drei Methoden). Freunde in Not können sich auf

beziehen. Bei der Verwendung der Ajax-Methode von JQuery müssen die zurückgegebenen Daten kürzlich JSON-Daten sein. Während des Verarbeitungsprozesses sind die folgenden Probleme aufgetreten, nämlich die Verwendung verschiedener Methoden beim Generieren von JSON-Daten Wie soll es in der $.ajax-Methode verarbeitet werden? Da ich asp.net verwende, werden alle verarbeiteten Seiten in .net erstellt. Die anderen Methoden sollten gleich sein

1. Einige Grundkenntnisse in JSON.

Objekte in JSON werden durch „{}“ identifiziert. Ein „{}“ stellt ein Objekt dar, z. B. {“AreaId“: „123“}, und der Wert des Objekts befindet sich im Form eines Schlüssel-Wert-Paares (Schlüssel:Wert).

„[]“ identifiziert das Array und die Daten innerhalb des Arrays werden durch „“,“ getrennt, wie zum Beispiel [„AreaId“: „123“, „AreaId“: „345“].

In vielen Fällen handelt es sich um ein Array von Objekten, das heißt:

[{“AreaId”:”123”},{“AreaId”:”345”}]
Nach dem Login kopieren

Tatsächlich ist ein Array auch ein Objekt, und das Das obige Format kann auch so geschrieben werden:

{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}
Nach dem Login kopieren

Dies stellt ein Bereichsobjekt dar, das zwei Unterdaten hat, jedes Unterdaten ist auch ein Objekt, und jedes Unterobjekt ist eine AreaId.

Das Definitionsformat von Zeichenfolgen und Zeichen in JSON ähnelt dem allgemeiner C-ähnlicher Sprachdefinitionen. Doppelte Anführungszeichen definieren Zeichenfolgen und einfache Anführungszeichen definieren Zeichen.

JSON-Schlüssel werden in doppelte Anführungszeichen gesetzt. Beispielsweise werden „Area“ und „AreaId“ in einigen Sprachen in doppelte Anführungszeichen gesetzt Zitate.

Geben Sie zunächst die zu übertragenden JSON-Daten an: [{"demoData": "This Is The JSON Data"}]                                                                                                                                                                                                                                             

Ich denke, diese Methode am einfachsten zu verarbeiten ist, schauen Sie sich den Code unten an

$.ajax({ 
 type: "post", 
url: "Default.aspx", 
dataType: "json", 
success: function (data) { 
$("input#showTime").val(data[0].demoData); 
 }, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
 } 
});
Nach dem Login kopieren

Hier ist der Code für die Datenübergabe im Hintergrund

Response.Clear(); 
Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); 
Response.Flush(); 
Response.End();
Nach dem Login kopieren


Diese Verarbeitungsmethode analysiert die übergebenen Daten direkt in JSON-Daten. Das heißt, der Front-End-JS-Code hier kann diese Daten direkt in JSON-Objekte analysieren Daten anstelle von Zeichenfolgendaten, z. B. data[0].demoData,

Diese JSON-Objektdaten werden hier direkt verwendet 🎜>

2 Diese Verarbeitungsmethode behandelt die übergebenen Daten nicht als JSON-Objektdaten

, sondern als Zeichenfolge. Der folgende Code ist

$.ajax({   
type: "post",   
url: "JqueryCSMethodForm.asmx/GetDemoData",   
dataType: "json",/*这句可用可不用,没有影响*/ 
contentType: "application/json; charset=utf-8",   
success: function (data) {   
$("input#showTime").val(eval('(' + data.d + ')')[0].demoData); 
//这里有两种对数据的转换方式,两处理方式的效果一样//$("input#showTime").val(eval(data.d)[0].demoData); 
},   
error: function (XMLHttpRequest, textStatus, errorThrown) {   
alert(errorThrown);   
}   
});
Nach dem Login kopieren

Das Folgende ist die ASMX-Methode Code [WebMethod]

public static string GetDemoData() {   
return "[{\"demoData\":\"This Is The JSON Data\"}]";   
}
Nach dem Login kopieren

Diese Verarbeitungsmethode behandelt hier die zurückgegebenen JSON-Daten als Zeichenfolge. Diese Daten müssen ausgewertet werden, damit sie verarbeitet werden können eine echte JSON-Objektdaten.

3. Die Methode zur Verarbeitung von Ashx-Dateien ist die gleiche wie bei der normalen ASPX-Seitenverarbeitung, daher erfolgt hier keine weitere Erklärung!


Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So lösen Sie den von JQuery ajaxSubmit übermittelten chinesischen verstümmelten Code

Was tun, wenn Chinesisch verstümmelt ist? Code wird angezeigt, wenn JQuery Ajax JSON Solve zurückgibt

So verwenden Sie die Ajax-Post-Methode im Django-Framework


Das obige ist der detaillierte Inhalt vonSo gehen Sie vor, wenn JQuery Ajax JSON zurückgibt. 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