Heim >Web-Frontend >js-Tutorial >So verarbeiten Sie JSON-Daten, die durch Ajax-Hintergrunderfolg hochgeladen wurden
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); } });
Hier ist der Code zum Übergeben von Daten im Hintergrund
Response.Clear(); Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); Response.Flush(); Response.End();
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); } });
Hier ist die asmx-Methode Code
public static string GetDemoData() { return "[{\"demoData\":\"This Is The JSON Data\"}]"; }
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); }
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!