Comment traiter les données JSON téléchargées par le succès en arrière-plan Ajax

Cette fois, je vais vous montrer comment traiter les données json téléchargées par le succès en arrière-plan ajax. Quelles sont les précautions pour gérer les données json téléchargées par le succès en arrière-plan ajax. Ce qui suit est un cas pratique. , jetons un coup d'oeil.

Lors de l'utilisation récente de la méthode ajax de JQuery, les données qui doivent être renvoyées sont des données json. En cas de retour réussi, le traitement des données utilisera différentes méthodes pour générer des données json en fonction de la méthode de retour. Comment le gérer dans la méthode $.ajax est brièvement expliqué.

Donnez d'abord les données json à transmettre : [{"demoData":"This Is The JSON Data"}]

1, utilisez une page aspx ordinaire pour traiter

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

Voici le code pour transmettre des données en arrière-plan

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

Cette méthode de traitement analyse directement les données transmises en données json, ce qui signifie que le code js frontal ici peut analyser directement les données . dans jsonobjectdata au lieu de stringdata, tel que data[0].demoData

2 est utilisé directement ici, en utilisant le webservice (. asmx) à traiter

Cette façon de traiter ne traitera pas les données transmises comme des données d'objet json, mais comme une chaîne, comme indiqué ci-dessous dans le code

$.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); 
} 
});

Voici la méthode asmx code

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

Cette méthode de traitement traite ici les données json transmises comme une chaîne, ces données doivent donc être traitées par évaluation, afin qu'elles puissent devenir de vraies données d'objet json.

C'est-à-dire

success:function(data){ 
eval(data); 
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php. !

Lecture recommandée :

Comment ajax gère le type de données renvoyé par le serveur

Implémentation inter-domaines du service Web de requête Ajax méthode (Code ci-joint)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!