Maison > Article > interface Web > Analyse détaillée de l'utilisation de la méthode Jquery getJSON
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
{
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 )
Client customer = new Customer
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)
·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) {
// textStatus sera "succès"
ceci ; // les options pour cette requête ajax}
Le code est le suivant :$.getJSON(
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 :
$.getJSON(
fonction(données) {
var tt=""; $.each(données, fonction(k, v) {
tt += k + ":" + v + " < ;br/>";
})
$("#pmessage").html(tt);
});
Résultat :
Unid : 1
Mémo : Tiankuixing
Autre : Black Saburo
(2) Tableau d'objets
Modification du fichier Ashx (Json_1.ashx) :
Le code est le suivant :
Liste
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"}, 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( Le code est le suivant : "webdata/Json_1.ashx", tt += kk + ":" + vv + " 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
{"Unid":2,"CustomerName":"Wu Yong","Mémo ":"Tian Ji Xing ","Autre":"Zhiduoxing"}]
"webdata/Json_1.ashx",
function(data) {
$.each (données, fonction(k, v) {
;
Méthode de liste d'objet json :
function( data) {
";
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
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!