Cette fois, je vais vous apporter une explication détaillée des étapes à suivre pour que jquery traverse Json. Quelles sont les précautions pour que jquery traverse Json. Ce qui suit est un cas pratique, jetons un coup d'œil.
Vue d'ensemble
JSON (javascript Object Notation) est un format d'échange de données léger qui utilise un format d'échange de données complet indépendant de la langue. format de texte idéal pour l'échange de données. Dans le même temps, JSON est un format natif JavaScript, ce qui signifie que le traitement des données JSON en JavaScript ne nécessite aucune API ou boîte à outils spéciale.
En JSON, il existe deux structures : les objets et les tableaux.
1. Objet
Un objet commence par "{" et se termine par "}". Chaque "clé" est suivie d'un ":" et les "paires 'clé/valeur'" sont séparées par ",".
packJson = {"name":"caibaojian.com", "password":"111"}
2. Tableau
packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];
Un tableau est une collection ordonnée de valeurs. Un tableau commence par "[" et se termine par "]". Utilisez "," pour séparer les valeurs.
Conversion d'objets JSON et de chaînes JSON
Dans le processus de transmission de données, json est du texte, c'est-à-dire qu'il est transmis sous la forme d'une chaîne et JS opère sur les objets JSON, donc la conversion entre les objets JSON et les chaînes JSON est la clé. Par exemple :
Chaîne JSON :
var jsonStr = '{"name":"caibaojian", "password":"1111"}';
Objet JSON :
var jsonObj = {"name":"caibaojian.com", "password":"1111"};
1. en objet Json
var jsonObj = eval('(' + jsonStr + ')');
2. Objet Json converti en chaîne String
var jsonStr = jsonObj.toJSONString();
jQuery itère sur les objets json
grep
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filterarray){ alert(filterarray[key]); } } ); </script>
chacun
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var anObject = {one:1,two:2,three:3};//对json数组each $.each(anObject,function(name,value) { alert(name); alert(value); }); var anArray = ['one','two','three']; $.each(anArray,function(n,value){ alert(n); alert(value); } ); } ); </script>
inArray
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var anArray = ['one','two','three']; var index = $.inArray('two',anArray); alert(index);//返回该值在数组中的键值,返回1 alert(anArray[index]);//value is two } ); </script>
map
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var strings = ['0','1','2','3','4','S','6']; var values = $.map(strings,function(value){ var result = new Number(value); return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写 } ); for (key in values) { alert(values[key]); } } ); </script>
Js natif traverse l'objet json
Traverser des objets json :
Irrégulier :
<script> var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0,l=json.length;i<l;i++){ for(var key in json[i]){ alert(key+':'+json[i][key]); } } </script>
Régulier :
packJson = [ {"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"} ]; for(var p in packJson){//遍历json数组时,这么写p为索引,0,1 alert(packJson[p].name + " " + packJson[p].password); }
Vous pouvez également utiliser ceci :
for(var i = 0; i < packJson.length; i++){ alert(packJson[i].name + " " + packJson[i].password); }
Traverser des objets json
myJson = {"name":"caibaojian", "password":"1111"}; for(var p in myJson){//遍历json对象的每个key/value对,p为key alert(p + " " + myJson[p]); }
Il existe les objets json suivants :
var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30}; 遍历方法: for(var p in obj){ str = str+obj[p]+','; return str; }
Croyez-le ou non Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
Lecture recommandée :
Explication détaillée des étapes de traitement asp des données json
Explication détaillée de la méthode de directement afficher JSON en html
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!