一聚教程网:一个值得你收藏的教程网站

热门教程

jquery中getJSON()用法-json文件内容遍历输出方法

时间:2022-11-14 22:03:21 编辑:袖梨 来源:一聚教程网

jquery中用$.getJSON()方法可按需加载json文件,json文件不能存在注释,否则无法遍历。

遍历json数组用全局函数$.each() ,当然原生的for(xx in xx) 也可以拿来用用!

Json的格式规则非常简单,只用一个页面几百个字就能说清楚,而且Douglas Crockford声称这个格式规则永远不必升级,因为该规定的都规定了。

1) 映射的集合(对象)用大括号("{}")表示:该对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个映射“名称”后跟一个“:”(冒号);每个映射值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array),这些结构可以嵌套; 每个映射(“‘名称/值’ 对”)之间使用“,”(逗号)分隔。

2) 并列数据的集合(数组)用方括号("[]")表示:数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。并列数据的集合由映射的集合(对象)组合而成,并列的数据之间使用“,”(逗号)分隔。

json文件内容:

代码如下 复制代码

[{
"key1-1": "value1",
"key1-2": "value2"
}, {
"key2-1": "value3",
"key2-2": "value4",
"key2-3": {
"key2-3-1": "value5",
"key2-3-2": "value6"
}
}, {
"key3-1": "value7",
"key3-2": {
"key3-2-1": "value8",
"key3-2-2": "value9"
}
}]

单击收缩代码,方便浏览其它内容jq遍历输出:

代码如下 复制代码


热门栏目