【问题标题】:Intrepreting/Parsing JSON data with jQuery getJSON使用 jQuery getJSON 解释/解析 JSON 数据
【发布时间】:2010-12-31 13:19:46
【问题描述】:

我想使用 jQuery getJSON 解释来自 JSON 提要的数据。

$(function() {
    $.getJSON('http://gdata.youtube.com/feeds/users/raywilliamjohnson/uploads?alt=json-in-script&callback=showMyVideos2&max-results=30', function(data) { 
        $.each(data.feed.entry, function(i, item) {
            updated = item.updated;
            url = item['media$group']['media$content']['url'];
            thumb = item['media$group']['media$thumbnail'][0]['url'];
            numViews = item['yt$statistics']['viewCount'];
        });
    });
});

如何正确解释 JSON 数据并将变量分配给数据项(例如 url、numViews 等...)?非常感谢您的任何帮助。

【问题讨论】:

    标签: javascript jquery json parsing getjson


    【解决方案1】:

    您需要将callback GET 参数设置为? (callback=?),这样jQuery 才能正确发出JSONP 请求并执行您的回调。

    同样要获得url,您需要访问索引[0] 处的项目,就像获得thumb 一样:

    $(function() {
        $.getJSON('http://gdata.youtube.com/feeds/users/raywilliamjohnson/uploads?alt=json-in-script&callback=?&max-results=30', function(data) { 
            $.each(data.feed.entry, function(i, item) {
                var updated = item.updated;
                var url = item['media$group']['media$content'][0]['url'];
                var thumb = item['media$group']['media$thumbnail'][0]['url'];
                var numViews = item['yt$statistics']['viewCount'];
                // ...
            });
        });
    });
    

    查看示例here

    【讨论】:

    • 一个重要的注意事项是添加var
    • @Justin:谢谢,我忘了提及它,只是为了记录,如果您对未声明的标识符(在作用域链),它将成为您并不真正想要或不需要的全局对象(全局变量)的成员......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-04
    • 1970-01-01
    • 2011-02-13
    • 2011-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多