无法阅读财产' url'未定义的

时间:2015-01-12 04:26:52

标签: javascript json

从一个简短的教程我开始使用这个小部件脚本来抓取Blogger上的帖子。在我最初制作的主题中,它运行正常,没有错误。但是,当我尝试在我正在处理的新模板中使用完全相同的代码时,它会抛出错误:

  

未捕获的TypeError:无法读取属性' url'未定义的

对于上帝的爱,我无法弄清楚为什么要这样做。出于调试目的,我尝试删除所有其他脚本,将代码放在<body>标记之后和</body>标记之前。

我真的不知道任何关于脚本的知识,并把这个小部件作为学习的起点,但是自从我搞砸了它以来已经好几个月了。现在看着它,我只是没有看到问题。这是脚本:

<script type="text/javascript">
    //<![CDATA[
    function postGrabber(json) {

        // The Magic
        for (var i = 0; i < json.feed.entry.length; i++) {
            for (var j = 0; j < json.feed.entry[i].link.length; j++) {
                if (json.feed.entry[i].link[j].rel == 'alternate') {
                    var postUrl = json.feed.entry[i].link[j].href;
                    break;
                }
            }

            // Thumbnail Stuff
            var orgImgUrl = json.feed.entry[i].media$thumbnail.url ? json.feed.entry[i].media$thumbnail.url : 'http://1.bp.blogspot.com/-mxinHrJWpBo/VD6fqbvI74I/AAAAAAAAcn8/LslulDeOROg/s72-c/noimage-chalkboard.jpg';
            var newImgUrl = orgImgUrl.replace('s72-c', 's' + imgSize + '-c');
            var imgTag = '<a class="item-link-post" href="' + postUrl + '"><img class="item-img-thumbnail" src="' + newImgUrl + '" width="' + imgSize + '" height="' + imgSize + '"/></a>';

            var authorName = json.feed.entry[i].author[0].name.$t;
            var authorURL = json.feed.entry[i].author[0].uri.$t;
            var authorOriImgUrl = json.feed.entry[i].author[0].gd$image.src;
            var authorNewImgUrl = authorOriImgUrl.replace('s512-c', 's' + authorImgSize + '-c');
            var authorImgTag = '<a class="item-link-author" href="' + authorURL + '" target="_blank" rel="nofollow"><img class="item-img-author" src="' + authorNewImgUrl + '" alt="' + authorName + '"/></a>';

            // Standard Stuff
            var postTitle = json.feed.entry[i].title.$t;
            var postCommentCount = json.feed.entry[i].thr$total.$t;

            var postSummary = json.feed.entry[i].summary.$t;
            var entryShort = postSummary.substring(0, '' + summaryLength + '');
            var entryEnd = entryShort.lastIndexOf(" ");
            var postContent = entryShort.substring(0, entryEnd) + '...';

            var postDate = json.feed.entry[i].updated.$t ? json.feed.entry[i].updated.$t : json.feed.entry[i].published.$t;
            var shortDate = postDate.substring(0,10);

            // Let's Make Options Here
            var toggleImg = showImg ? '' + imgTag + '' : '';
            var toggleTitle = showTitle ? '<h1 class="item-title">' + postTitle + '</h1>' : '';
            var toggleSummary = showSummary ? '<p class="item-snippet">' + postContent + '</p>' : '';
            var toggleDate = showDate ? '<span class="item-date">' + shortDate + '</span>' : '';
            var toggleAuthorImg = showAuthorImg ? '' + authorImgTag + '' : '';
            var toggleCommentCount = showCommentCount ? '<span class="item-comment-count">' + postCommentCount + '</span>' : '';

            // The Output
            var itemPost = '<div class="item-post"><div class="item-imgs">' + toggleImg + toggleAuthorImg + '</div>' + toggleCommentCount + '<a class="item-link" href=' + postUrl + '>' + toggleTitle + '</a>' + toggleSummary + toggleDate + '</div>';

            // Let's Write It Down
            document.write(itemPost);
        }
    }
    //]]>
</script>
<script type="text/javascript">
    // The Default Options
    var imgSize = 96;
    var summaryLength = 142;
    var authorImgSize = 36;
    var showImg = true; 
    var showTitle = true; 
    var showSummary = true; 
    var showDate = true;
    var showAuthorImg = true;
    var showCommentCount = true;
</script>
<script src="/feeds/posts/summary?orderby=published&amp;max-results=5&amp;alt=json-in-script&amp;callback=postGrabber"></script>

1 个答案:

答案 0 :(得分:1)

在所有这些代码行中,我可以看到url属性的唯一引用就在这里......

var orgImgUrl = json.feed.entry[i].media$thumbnail.url ? json.feed.entry[i].media$thumbnail.url : 'http://1.bp.blogspot.com/-mxinHrJWpBo/VD6fqbvI74I/AAAAAAAAcn8/LslulDeOROg/s72-c/noimage-chalkboard.jpg';

所以,我猜这个错误说的是json.feed.entry[i]没有名为media$thumbnail的属性......它是“未定义的”。您需要更正它,无论是输入错误还是其他内容,请确保该属性存在。

如果属性是“可选”,则更改您的评估以检查是否存在该属性,如下所示......

var orgImgUrl = (json.feed.entry[i].media$thumbnail != null 
                   && json.feed.entry[i].media$thumbnail.url)
              ? json.feed.entry[i].media$thumbnail.url 
              : 'http://1.bp.blogspot.com/-mxinHrJWpBo/VD6fqbvI74I/AAAAAAAAcn8/LslulDeOROg/s72-c/noimage-chalkboard.jpg';