You are here
jQuery 遍历json数组的实现代码 有大用 json长度
自己亲自做的例子
ajax 的 php 输出的json形式为 ["1","2","5"]
//下面的 输出的result为["1","2","5"]
通过ajax的 js 可以得到json长度 //alert(result.length)
和 遍历 json
for(var key in result ){
$('#jumpUrl'+result [key]).attr('class','todayclicka');
$('#foll'+result [key]).html(todayClick);
}
如下例子
$.ajax({
type:"POST",
url: "/ajax/findtodayclick.php",
cache: false,
dataType: 'json',
error: function(){alert('error');},
success: function(result)
{
//alert(result.length);
for(var key in result){
alert(result[key]);
}
}
});
ajax的 php 输出的json形式为
{"publisharticle":["1","2","3","4","5"],"youqing":["1","2","3","4","5"]}
通过ajax的js 来遍历json
for(var key in result.publisharticle){
$('#jumpUrl'+result.publisharticle[key]).attr('class','todayclicka');
$('#foll'+result.publisharticle[key]).html(todayClick);
}
for(var key in result.youqing){
$('#jumpUrlYq'+result.youqing[key]).attr('class','todayclicka');
$('#follYq'+result.youqing[key]).html(todayClick);
}
如下例子
$.ajax({
type:"POST",
url: "/ajax/findtodayclick.php",
cache: false,
dataType: 'json',
error: function(){alert('error');},
success: function(result)
{
//alert(result.length);
for(var key in result.publisharticle){
$('#jumpUrl'+result.publisharticle[key]).attr('class','todayclicka');
$('#foll'+result.publisharticle[key]).html(todayClick);
}
for(var key in result.youqing){
$('#jumpUrlYq'+result.youqing[key]).attr('class','todayclicka');
$('#follYq'+result.youqing[key]).html(todayClick);
}
}
});
jQuery 遍历json数组的实现代码
<script type="text/javascript">
var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}];
$(d1).each(function(){
alert(this.text+" "+this.value);
});
</script>
不用JQuery
<script type="text/javascript">
var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}
json = eval(json.options)
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
</script>
来自 http://www.jb51.net/article/22813.htm
JSON数据如：{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu
e/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}
用js可以写成：
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];
for(var o in data){
alert(o);
alert(data[o]);
alert("text:"+data[o].name+" value:"+data[o].age );
}
或是
<script type="text/javascript">
function text(){
var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}
json = eval(json.options)
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
}
</script>
来自 http://blog.csdn.net/songylwq/article/details/6047609
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
var smsTypeDesc = {"4":"回访短信","3":"邮件短信","aa":"测试短信"};
function EnumaKey(){
for(var key in smsTypeDesc){
alert(key);
}
}
function GetVal(){
var key = prompt("请输入要查询的key","4");
if("undefined"==typeof(smsTypeDesc)) return;
if("undefined"==typeof(smsTypeDesc[key])){
alert("输入的key:"+key+"， 在json对象中不存在！");
return;
}
alert("您输入的key是："+key + "，该key所对应的值是："+smsTypeDesc[key]);
}
function GetValByKey(){
alert(smsTypeDesc.aa);
}
</script>
</head>
<body>
Json对象：<br/>
<pre>
var smsTypeDesc = {"4":"回访短信","3":"邮件短信","aa":"测试短信"};
</pre>
<input type="button" onclick="EnumaKey();" value="遍历smsTypeDesc所有key"/>
<input type="button" onclick="GetVal();" value="获取smsTypeDesc动态指定key的值"/>
<input type="button" onclick="GetValByKey();" value="获取smsTypeDesc key aa 所对应的值"/>
</body>
</html>
对于json格式字符串的解析，也可以参考以前的blog：js怎么解析json格式字符串
来自 http://blog.csdn.net/love__coder/article/details/7532616