查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。

$.each遍历json对象(java将对象转化为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);

});

上面的代码片断工作正常，提示 “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对象。

var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},

{"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);

});

java将对象转化为json格式

在Servlet中：

    PrintWriter out=response.getWriter();

    Gson gson=new Gson();

    out.write(gson.toJson(list));//list为一个对象集合

随机推荐

windbg-&period;process切换进程（内核）
.process .process 命令指定要用作进程上下文的进程(Set Process Context) .process显示当前进程的EPROCESS,这里显示当前进程为test.exe kd& ...
[Android新手区] SQLite 操作详解--SQL语法
该文章完全摘自转自:北大青鸟[Android新手区] SQLite 操作详解--SQL语法 :http://home.bdqn.cn/thread-49363-1-1.html SQLite库可以解 ...
mapreduce job提交流程源码级分析（三）
mapreduce job提交流程源码级分析(二)(原创)这篇文章说到了jobSubmitClient.submitJob(jobId, submitJobDir.toString(), jobCop ...
应用js改变问章字体大小
刚来公司的时候领导给分配的都是一些简单的简单的简单的.....任务一次叫我把文章的字体大小变换功能写出来.在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下! <scrip ...
一步一步深入spring(2)-三种方式来实例化bean
在一步一步深入spring(1)--搭建和测试spring的开发环境中提到了一种实例化bean的方式,也是最基本的使用构造器实例化bean 1.使用构造器实例化bean:这是最简单的方式,Spring ...
Mac安装软件包管理工具Homebrew
PS:最近开始学习groovy,打算去官网下载SDK Bundle,可是官网半天加载不出来,而且莫名其妙就是下载不下来,Folx一直提示 "无效的HTTP相应:禁止",可能是插件和 ...
手机端页面自适应解决方案—rem布局进阶版
手机端页面自适应解决方案—rem布局进阶版 https://www.jianshu.com/p/985d26b40199 注:本文转载之处:https://www.cnblogs.com/anni ...
EL11个内置对象
EL是JSP内置的表达式语言 JSP2.0开始,让再使用Java脚本,而是使用EL表达式和动态标签来代替Java脚本 EL替代的是<%=... %>,也就是说EL只能做输出 EL可以输出的 ...
linux下自定义域名访问本机部署的应用
在linux系统下,用weblogic部署了两套应用,创建了两个虚拟主机,一个主机指向www.test1.com, 另一个虚拟主机指向www.test2.com. 一套应用指定一台虚拟主机. 修改/e ...
《剑指offer》第五十三题（0到n-1中缺失的数字）
// 面试题53(二):0到n-1中缺失的数字 // 题目:一个长度为n-1的递增排序数组中的所有数字都是唯一的,并且每个数字 // 都在范围0到n-1之内.在范围0到n-1的n个数字中有且只有一个数 ...

秒客网

$.each遍历json对象(java将对象转化为json格式以及将json解析为普通对象)

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。

问题: JSON 字符串

随机推荐

相关文章