


méthode jquery d'analyse des données au format json (objet, chaîne)_jquery
May 16, 2016 pm 03:30 PML'exemple de cet article décrit comment jquery analyse les données au format json. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Les données Json sont de petites données couramment utilisées pour l'échange en temps réel. Elles peuvent être analysées à l'aide de jquery ou js. Ensuite, je présenterai la méthode jquery d'analyse des chaînes json.
1. jQuery analyse le format de données Json :
En utilisant cette méthode, vous devez définir des paramètres dans la requête Ajax :
Type de données : "json"
Récupérez les données renvoyées par la fonction de rappel et analysez-les pour obtenir la valeur souhaitée. Voir le code source :
jQuery.ajax({ url: full_url, dataType: "json", success: function(results) { alert(result.name); } });
Normalement, vous pouvez renvoyer des données JSON depuis l'arrière-plan et laisser l'interface à jQuery, haha ! !
La requête asynchrone Jquery définit le type (généralement cet attribut de configuration) sur "json", ou utilise la méthode $.getJSON() pour obtenir le retour du serveur, alors la méthode eval() n'est pas nécessaire, car le résultat obtenu à cette fois, c'est déjà le cas. C'est un objet json. Il vous suffit d'appeler l'objet directement. Ici, nous prenons la méthode $.getJSON comme exemple
.Exemple 1
Le code est le suivant :
var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }";
jquery
$.getJSON("http://www.jb51.net/",{param:"sanic"},function(data){ //此处返回的data已经是json对象 //以下其他操作同第一种情况 $.each(data.root,function(idx,item){ if(idx==0){ return true;//同countinue,返回false同break } alert("name:"+item.name+",value:"+item.value); }); });
2. jQuery analyse l'objet Json :
jQuery fournit une autre méthode "parseJSON", qui prend une chaîne JSON standard et renvoie l'objet JavaScript résultant. Jetons un coup d'œil à la syntaxe :
Découvrez comment il est utilisé dans le développement réel :
jQuery.ajax({ url: dataURL, success: function(results) { var parsedJson = jQuery.parseJSON(results); alert(parsedJson.name); } });
Supplément :
Exemple complet d'analyse jquery des données json :
var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }"; //data为字符串类型 则要将字符串类型转换成json数据类型 var jsondatas=eval("("+data+")"); $.each(jsondatas.root,function(i,n){ alert("name"+n.name+"value"+n.value); } ) //以下为数组类型字符串 转换成json 字符串 解析 //数组形式的json字符串 var jsondata="[{name:'1',value:'0'}, {name:'6101',value:'西安市'}, {name:'6102',value:'铜川市'}, {name:'6103',value:'宝鸡市'}, {name:'6104',value:'咸阳市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'}]"; var json=eval(jsondata); $.each(json,function(i,n){ alert(json[i].name); alert(json[i].value);//根据索引取值 }); //json数据字符 不需要转换 var json={"Products":[ {"orderid":"11077","customerid":"RATTC"}, {"orderid":"11078","customerid":"RATT"} ], "Img":[{"id":"12345","url" :"image/1.jpg"} ]}; $.each(json.Products,function(i,n){ alert(n.orderid); })
Fichier de traitement général (Handler.ashx)
if (context.Request.QueryString["method"] != null) { string method = context.Request.QueryString["method"].ToString(); if (method == "getlist") { string str = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; SqlConnection conn = new SqlConnection(str); conn.Open(); SqlCommand cmd = new SqlCommand(); cmd.Connection = conn; cmd.CommandText = "select ProID,ProName,url from Project where Adress = '哈尔滨'"; DataSet ds = new DataSet(); SqlDataAdapter da = new SqlDataAdapter(cmd); da.Fill(ds); string sb = CreateJsonParameters(ds.Tables[0]); context.Response.ClearContent(); context.Response.Write(sb.ToString()); context.Response.End(); } } } /// <summary> /// 构建JSON字符串 /// </summary> /// <param name="dt"></param> /// <returns></returns> public string CreateJsonParameters(DataTable dt) { System.Text.StringBuilder sb = new System.Text.StringBuilder(); if (dt != null && dt.Rows.Count > 0) { sb.Append("["); for (int i = 0; i < dt.Rows.Count; i++) { sb.Append("{"); for (int j = 0; j < dt.Columns.Count; j++) { //如果值不是最后一个则添加逗号分隔 if (j < dt.Columns.Count - 1) { sb.Append("/"" + dt.Columns[j].ColumnName.ToString() + "/":" + "/"" + dt.Rows[i][j].ToString() + "/","); } //如果值为最后个字符则不添加逗号 else if (j == dt.Columns.Count - 1) { sb.Append("/"" + dt.Columns[j].ColumnName.ToString() + "/":" + "/"" + dt.Rows[i][j].ToString() + "/""); } } //如果为最后一个值的话 则不添加逗号 if (i == dt.Rows.Count - 1) { sb.Append("}"); } else { sb.Append("},"); } } sb.Append("]"); return sb.ToString(); } else { return null; } }
$.ajax ( { type: "POST", url: "Handler.ashx?method=getlist", async: false,//true表示异步 false表示同步 contentType: "application/json", dataType: 'json', success: function(result) { var temp=eval(result); //通过javascript来解析返回数组字符串 for (var i = 0; i < temp.length; i++) { o.innerHTML += "项目名称:" + result[i].ProName + "<br/>网址:<a href=" + result[i].url + " mce_href=" + result[i].url + " target='_blank'>" + result[i].url + "</a><br/>"; datas += "项目名称:" + result[i].ProName + "<br/>网址:<a href=" + result[i].url + " mce_href=" + result[i].url + " target='_blank'>" + result[i].url + "</a><br/>"; } TINY.box.show(datas, 0, 0, 0, 1); } });
J'espère que cet article sera utile à tous ceux qui programment jQuery.

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Conseils d'optimisation des performances pour la conversion de tableaux PHP en JSON

Comment les annotations de la bibliothèque Jackson contrôlent-elles la sérialisation et la désérialisation JSON ?

Compréhension approfondie de PHP : méthode d'implémentation de conversion de JSON Unicode en chinois

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Conseils rapides pour convertir des tableaux PHP en JSON

Conquérir le summum du traitement Java JSON : analyser et créer des données complexes

Tutoriel PHP : Comment convertir JSON Unicode en caractères chinois

Problèmes et solutions pour convertir des tableaux PHP en JSON
