Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 16:48:531470parcourir

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.
Déclaration:
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
Article précédent:Implémentation de la surveillance des touches du clavier basée sur Jquery_jqueryArticle suivant:Implémentation de la surveillance des touches du clavier basée sur Jquery_jquery

Articles Liés

Voir plus