Maison > interface Web > js tutoriel > Les données d'arrière-plan Jquery asp.net sont transférées vers le js frontal pour Analysis_json

Les données d'arrière-plan Jquery asp.net sont transférées vers le js frontal pour Analysis_json

WBOY
Libérer: 2016-05-16 16:48:53
original
1562 Les gens l'ont consulté

Ainsi, lors de l'analyse des données d'arrière-plan, nous devons les traiter et les traiter spécialement en fonction de la situation des données d'arrière-plan.

Ce que j'utilise en arrière-plan ici, c'est le service wcf fourni par asp.net, et il existe également un programme de traitement général ashx. Le principe général est quasiment le même.

Les objets que nous utilisons souvent en C# incluent des objets d'entité tels que User ; il existe des collections List, qui renvoient généralement des listes.

Les objets imbriqués dans des objets ou des collections de listes sont un peu plus compliqués. Mais il n'y a aucune différence. Il suffit de regarder la taille de vos données pour décider si js traitera les données,

Il est toujours traité en arrière-plan et renvoie directement le résultat final.

1. Objet entité : si l'objet renvoyé est un objet, en js, il est directement identique aux données de l'objet dans votre classe de code d'arrière-plan.

Par exemple, le code suivant obtient un objet. Vous pouvez l'obtenir directement en utilisant son attribut name.

Copier le code Le code est le suivant :

$.ajax({
tapez : "post",
dataType: "json", traditionnel: true,
data: { oper: "edit", sid: id },
url: AjaxUrl,
success: function (data , textStatus) {
if (data != null) {
if (data) {
$("#name").val(data.Name);
SetSelectOpertionValue); ("selectRelation" ", data.Relation);
SetSelectOpertionValue("selectaddreason", data.Reason);
} else {
$("#btnAdd").attr("disabled", false) ; $(" #btnAdd").text("Edit");
}
}
},
complet : fonction
(XMLHttpRequest, textStatus) {
},
erreur : function
(e) {
$("#btnAdd").attr("disabled", false $("#btnAdd").text("edit"); }
});

2. Les données renvoyées sont une collection List, comprenant certains objets : il existe de nombreux scénarios d'application pour cela.

En js, le tableau array correspondant. Le tableau contient les entités d'objet que vous avez renvoyées. Vous pouvez utiliser chaque parcours. Pour plus de détails, veuillez vous référer à :

[

Exemples de tableaux et d'objets d'opération Jquery]

démo :

Copier le code Le code est le suivant :

$.ajax({             type : "post",
            dataType : "json", traditionnel : vrai,
            data : { oper : "list", lc: ID,nm:$( "#searchname").val() },
            url:sAjaxUrl,
            succès : fonction (data, textStatus) {                if (data != null) {
                   if (data.Instance ==nul &données .Instance.length == 0) {return;
}
else {
var datalist = data.instance; , b) {                                              
                                          retour (a.Id );                                         }
                                 );
                         } autre {                             datalist = datalist.sort(
                                       function (a, b) {                                             return (b. Id - a.Id);                                        }
                                   );
                        }
                 var html = "";                                                                                                                                                   XMLHttpRequest, textStatus) { 🎜>




Copier le code


Le code est le suivant :


ou :





Copier le code


Le code est le suivant :

$.each(data.comments, function (i, élément) {

                                                                                                                      < /div>"

"

" item.content "

");

}); 3. S'il est complexe et imbriqué, c'est aussi un objet. js correspondra complètement à l’arrière-plan. Vous pouvez simplement traverser. De nos jours, json est généralement utilisé en arrière-plan jusqu'à la réception. json peut être directement analysé en objets dans js.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal