zoukankan      html  css  js  c++  java
  • jQuery loop over JSON字符串 – $.each实例

    先来一段简单的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);
    });
    
    
    

    当为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"}...


    解决方案:
    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);
    });

     

     

  • 相关阅读:
    centos7 mysql 数据库备份与还原
    Centos 7 搭建wordpress
    Centos 7 安装 mysql5.7
    linux 搭建php网站许愿墙
    GNOME桌面的安装
    cetnos 7 ntp服务的安装与配置
    Tornado初探
    Mysql报错 Cannot load from mysql.proc
    zabbix install
    PYPY_GC
  • 原文地址:https://www.cnblogs.com/Web-Architecture/p/5132812.html
Copyright © 2011-2022 走看看