您的位置：首页 > Web前端 > JavaScript

解决遍历json时length找不到对象问题

2012-10-17 10:33 316 查看

<script type="text/javascript">
//1.首先json 格式一定要这样写,尽管说这只是其中的一种方式
var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}
json = eval(json.options)// 注意options，如果不写Options ，下面的写法就是json.options.length
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)//访问
}
</script>

注意：正常情况下以上方法都可以遍历，但是如果json是作为一个参数传进来的话，如下

$.ajax({
type: "POST",
url: "jsonAjax.htm",
data: {oname:subA.innerHTML},
dataType:"text", //ajax返回值设置为text（json格式也可用它返回，可打印出结果，也可设置成json）
success: function(json){

alert(json);
//比如这里输出的是{"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} ，格式数据完全相当，但是如果不加上红色这句话，就会出现length为空或不是对象，或者火狐中报出json undefind的错误

json = JSON.parse(json);//需要加上这一句

json = eval(json.options);
alert(json.length);
for(var i=0; i<json.length; i++)
{
//do something
}

},
error: function(json){
alert("json=" + json);
return false;
}
});

注意：JSON.parse在IE8下面会报错，说JSON未定义，解决方法如下（转自孟宪会的BLOG）

方法1：定义<!DOCTYPE>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>孟宪会：JSON测试</title>
</head>
<body>
<script type="text/javascript">
alert(typeof JSON);
</script>
</body>
</html>

方法2：设置X-UA-compatible 标头

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<title>孟宪会：JSON测试</title>
</head>
<body>
<script type="text/javascript">
alert(typeof JSON);
</script>
</body>
</html>
或者
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<title>孟宪会：JSON测试</title>
</head>
<body>
<script type="text/javascript">
alert(typeof JSON);
</script>
</body>
</html>

在实际编程程序的时候，最好的办法是进行判断，如果不支持原生的JSON，那么就是要json2.js提供的对象即可

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航