$.each遍历json对象_メイ的博客-程序员宅基地

查看一个简单的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对象。

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);
});

 

转载于:https://www.cnblogs.com/cdemo/p/4142695.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30785593/article/details/95539724

智能推荐

linux脚本修改端口,tomcat批量修改端口,shell脚本的实现_异域拾荒人的博客-程序员宅基地

tomcat批量修改端口,shell脚本的实现t.sh#!/bin/bash#TFILE=$1TPORT=$2if [ $# -lt 2 ] ;thenecho "$0: /usr/local/tomcat/conf/server.xml 8090"exit 1fiecho "----"echo $TFILEecho $TPORTlet "port0=$TPORT-8080"echo $port0...

Python编程-让繁琐的工作自动化(四)列表,字符串和元组_Echoli114的博客-程序员宅基地

目录1.列表数据类型2.使用列表3 增强的赋值操作4方法5 类似列表的类型::字符串和元祖6.引用7.项目实践1.列表数据类型<1>列表是一个值,可以保存在变量中,或传递给函数。<2>列表格式是左方括号开始,右方括号结束。<3>列表中的值也可称为表项,表项用逗号分隔。例如:t_list = ['...

僵尸进程的多种处理方式-图文详细教程_搞运维的万精油的博客-程序员宅基地_僵尸进程处理的三种方法

问题引起原因:yum更新导致无法使用yum,于是将占用进程kill掉,导致。ps -A -ostat,ppid,pid,cmd | grep -e ‘^[Zz]’ps -ef --no-headers

RecycleView使用大全_未来可期-2022的博客-程序员宅基地

转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/45059587; 本文出自:【张鸿洋的博客】概述RecyclerView出现已经有一段时间了,相信大家肯定不陌生了,大家可以通过导入support-v7对其进行使用。 据官方的介绍,该控件用于在有限的窗口中展示大量数据集,其实这样功能的控件我们并不陌生,例如:Lis

翻译HAIP相关问答_made-in-china的博客-程序员宅基地

Highly Available IP (HAIP) FAQ for Release 11.2 (文档 ID 1664291.1)In this DocumentPurposeQuestions and Answers  1. What does HAIP stand for?  2. What clusterware version was HAIP introd

随便推点

Python爬虫入门(一)——搭建环境_写小程序的大猫的博客-程序员宅基地

比特币大跌,心情系度差。搜到一个小说网站http://byqbook.com/,想把他的内容扒下来。我一直都觉得爬虫是个有意思的事,因此说干就干。通过两个小时的了解,我大体规划出来一个爬网页的步骤和技术。大体如下:搭建Python环境找一个好用的IDE(开发工具)爬目录,要找到文章标题和对应的Url尝试着用requests把网页爬下来。用BeautifulSoup把

有关信号量和PV操作的易(粗)懂(浅)理解_苜榆的博客-程序员宅基地

大概只有操作系统老师布置的作业(要交)能让我认真学习吧……信号量Semaphore1.有关信号量的一些说明:信号量S是一个整数,S大于等于零时代表可供并发进程使用的资源实体数,但S小于零时则表示正在等待使用共享资源的进程数。在多进程环境下,进程在进入一个临界代码段之前,进程必须获取一个信号量;一旦临界代码段完成了,释放一个信号量。其他想进入临界代码段的进程必须等待直到那个进程释放信...

页面浏览统计之(一) hitcount_weixin_30390075的博客-程序员宅基地

转:http://www.codingsoho.com/zh/blog/component-hitcount/hit counter是用来计数模型对象的访问次数的。Django hit counter application that tracks the number of hits/views for chosen objects.https://github.com/thornom...

SpringBoot中Bean的生命周期_414丶小哥的博客-程序员宅基地_springboot中bean的生命周期

SpringBoot中Bean的生命周期Bean的定义Bean的初始化Bean的生存期Bean的销毁spring通过我们的配置,如@ComponentScan定义的扫描路径去找到带有@Component的类,这个过程就是一个资源定位的过程。一单找到了资源,那么它就开始解析,并且将定义的信息保存起来。注意此时还没有初始化Bean,也就是没有Bean的实例,它有的仅仅是Bean的定义。...

【unity shader 入门精要 读书笔记】纹理(1)_赖张殷的博客-程序员宅基地

一、基础纹理1、基础纹理实现:Shader "Custom/TextureSingle" { Properties { _Color("Color", color) = (1, 1, 1, 1) _MainTex("Main Tex", 2d) = ""{} _Specular("Specular", Color) ...

Linux驱动学习 —— 在/sys下面创建目录示例_9x5的博客-程序员宅基地

有时我们需要在/sys下面创建一些目录, 下面给出了一个示例。 在加载驱动模块后, 在/sys下面会创建一个名为sysfs_demo的目录,并在其中在创建几个文件和目录。[[email protected] mnt]# ls -R /sys/sysfs_demo//sys/sysfs_demo/:node_one node_two sysfs_demo_2/sys/sysfs...