Maison  >  Article  >  interface Web  >  Analyse détaillée de l'utilisation de la méthode Jquery getJSON

Analyse détaillée de l'utilisation de la méthode Jquery getJSON

巴扎黑
巴扎黑original
2017-07-03 09:28:251087parcourir

Cet article fournit principalement une analyse détaillée et une introduction à la méthode Jquery getJSON. Les amis qui en ont besoin peuvent venir s'y référer. J'espère qu'il sera utile à tout le monde

<.>Travail de préparation Classe client

Le code est le suivant :

classe publique Client

{
public int Unid { get set; ; >
public string CustomerName { get; set; }
public string Mémo { get; }
public string Autre { get; -traitement côté (Json_1.ashx )

Le code est le suivant :


Client customer = new Customer

{ Unid=1,CustomerName="Song Jiang",Memo ="Tian Kuixing",Autre="Hei Sanlang "};

string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);

context.Response.Write(strJson);


(1) Jquery.getJSON


Définition de la méthode : jQuery.getJSON(url, data, callback)

Obtenir json données via get request

·url est utilisée pour fournir la page d'adresse des données json·data (Facultatif) est utilisée pour transmettre la paire clé-valeur au serveur
·rappel (Facultatif)
Fonction de rappel, la demande de données json est réussie Le code de la fonction de traitement final

est le suivant :
function(data, textStatus) {

// les données sont un objet json

             // textStatus sera "succès"
          ceci ; // les options pour cette requête ajax}



(1) un objet



Le code est le suivant :
$.getJSON(

"webdata/Json_1.ashx",

function(data) {

$ ("#pmessage").text(data.CustomerName);

}
);



Demandez des données json à l'adresse Json_1.ashx Après avoir reçu les données, traitez les données en fonction. Les données ici sont un enregistrement, correspondant à une instance client, et les données existent sous forme k/v. Autrement dit, il existe sous la forme d'un tableau [object, object].
{"Unid":1,"CustomerName": "Chanson Jiang", "Memo": "Tiankuixing", "Autre": Herosaburo ">

Ainsi, lors de l'accès, utilisez les données pour. accès, ce qui suit utilise la boucle k/v pour imprimer cet enregistrement de Song Jiang :

Le code est le suivant :


$.getJSON(

"webdata/Json_1.ashx " ,

fonction(données) {

var tt="";

$.each(données, fonction(k, v) {
tt += k + ":" + v + " < ;br/>";
       })
           $("#pmessage").html(tt);
});



Résultat :
Unid : 1

Nom du client : Song Jiang

Mémo : Tiankuixing
Autre : Black Saburo



(2) Tableau d'objets

Modification du fichier Ashx (Json_1.ashx) :
Le code est le suivant :

Liste = nouveau client

{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"};

Client customer2 = nouveau client

{ Unid = 2, CustomerName = "Wu Yong" , Memo = "Tianjixing", Autre = "Zhiduoxing" };


_list.Add(customer);
_list.Add(customer2);
string strJson = Newtonsoft. Json.JsonConvert. SerializeObject(_list);


La
string
de l'objet json qu'il génère est :

[{"Unid":1 ,"CustomerName" :"Song Jiang","Mémo":"Tian Kuixing","Autre":"Hei Sanlang"},
{"Unid":2,"CustomerName":"Wu Yong","Mémo ":"Tian Ji Xing ","Autre":"Zhiduoxing"}]

Ici, vous pouvez voir que l'objet json en tant que collection n'est pas un enregistrement, mais 2 enregistrements. Il s'agit d'un tableau de [[object, object]] : [object, object] [object, object] et chaque [. object, object] représente un enregistrement, correspondant à un Client, qui est en fait sous la forme de k/v, et ce v est un objet Client, et ce k est l' index partant de 0.

Le code est le suivant :

$.getJSON(
"webdata/Json_1.ashx",
function(data) {
$.each (données, fonction(k, v) {
                                                                                            ;

Méthode de liste d'objet json :

Le code est le suivant :

$.getJSON (

"webdata/Json_1.ashx",
function( data) {

var tt = "";

tt += kk + ":" + vv + "
";



Résultat :
Unid : 1
Nom du client : Song Jiang
Mémo : Tiankuixing
Autre : Black Saburo
Unid : 2
CustomerName : Wu Yong
Mémo : Tianjixing
Autre : Zhiduoxing

Une boucle imbriquée est utilisée ici La première boucle est utilisée pour parcourir l'objet Customer de la liste. , et la deuxième boucle est utilisée pour parcourir l'objet Customer à partir de la liste. Utilisé pour parcourir l'attribut

de l'objet Customer à partir de l'objet Customer, c'est-à-dire la paire k/v.

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!

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