Heim > Web-Frontend > js-Tutorial > Hauptteil

So verarbeiten Sie JSON-Daten, die durch Ajax-Hintergrunderfolg hochgeladen wurden

php中世界最好的语言
Freigeben: 2018-04-03 14:05:43
Original
1681 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die vom Ajax-Hintergrunderfolg hochgeladenen JSON-Daten verarbeiten. Was sind die Vorsichtsmaßnahmen für den Umgang mit den vom Ajax-Hintergrunderfolg hochgeladenen JSON-Daten? , lass uns einen Blick darauf werfen.

Bei der kürzlichen Verwendung der Ajax-Methode von JQuery handelt es sich bei den Daten, die zurückgegeben werden müssen, um JSON-Daten. Bei der Erfolgsrückgabe verwendet die Datenverarbeitung unterschiedliche Methoden, um JSON-Daten entsprechend der Rückgabemethode zu generieren. Wie es in der $.ajax-Methode gehandhabt werden soll, wird kurz erklärt.

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

1, verwenden Sie eine normale ASPX-Seite zur Verarbeitung

$.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 zum Übergeben von Daten 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, was bedeutet, dass der Front-End-JS-Code hier die Daten direkt analysieren kann . in jsonobjectdata statt stringdata, wie data[0].demoData Diese json-Objektdaten

2 werden hier direkt über den Webservice verwendet ( asmx) zu verarbeiten

Bei dieser Verarbeitungsart werden die übergebenen Daten nicht als JSON-Objektdaten, sondern als Zeichenfolge behandelt, wie unten im Code gezeigt

$.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

Hier ist die asmx-Methode Code

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

Diese Verarbeitungsmethode hier behandelt die übergebenen JSON-Daten als Zeichenfolge, daher müssen diese Daten ausgewertet werden, damit sie zu echten JSON-Objektdaten werden können.

Das heißt,

success:function(data){ 
eval(data); 
}
Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Wie Ajax mit dem vom Server zurückgegebenen Datentyp umgeht

Ajax-Request-WebService-domänenübergreifende Implementierung Methode (Code beigefügt)

Das obige ist der detaillierte Inhalt vonSo verarbeiten Sie JSON-Daten, die durch Ajax-Hintergrunderfolg hochgeladen wurden. 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