$.each遍历json对象
来源:互联网 发布:服装图设计软件 编辑:程序博客网 时间:2024/05/29 13:41
查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。
var json = [
{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},
{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}
];
$.each(json, function(idx, obj) {
alert(obj.tagName);
});
上面的代码片断工作正常,提示 “apple”, “orange” … 等,如预期一样。
问题: JSON 字符串
下面的例子中,声明了一个JSON字符串(随附单或双引号)直接地。
var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}]';
$.each(json, function(idx, obj) {
alert(obj.tagName);
});
在Chrome中,它显示在控制台下面的错误:
Uncaught TypeError: Cannot use 'in' operator to search for '156' in [{"id":"1","tagName":"apple"}...
解决方案:JSON字符串转换为JavaScript对象。
要修复它,通过标准JSON.parse()或jQuery 的 $.parseJSON 将其转换为JavaScript对象。
{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}]';
$.each(JSON.parse(json), function(idx, obj) {
alert(obj.tagName);
});
//or
$.each($.parseJSON(json), function(idx, obj) {
alert(obj.tagName);
});
阅读全文
0 0
- $.each遍历json对象
- $.each遍历json对象
- $.each遍历json对象
- $.each遍历json对象
- $.each遍历json对象
- jQuery each遍历数据组,json,对象
- $.each遍历json对象的问题
- 用jquery的each方法遍历json对象
- 用jquery的each方法介绍及遍历json对象
- $.each遍历JSON和数组
- $.each() 遍历数组 和 JSON
- jquery $.each()遍历json数组
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]
- 使用eval函数来解析json对象,并且使用jquery的each方法来遍历
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- struct一些学习经验
- 设计模式——简单工厂
- HTTP与HTTPS的区别
- MVP简单实现
- [SMOJ2161]棋盘
- $.each遍历json对象
- 单链表的相关操作之创建
- c++引用
- iOS右滑pop功能的实现
- Unity中Loading页面存在的究极原因
- AXIOS全攻略,vue中全局引入
- html5 audio读取文件流播放音频
- JS生成二维码
- UVA10817HeadmastersHeadache