1

reddit.com の API を操作する .getjson() 呼び出しを作成しました。コードは以下です。

$(document).ready(function() {

        var SEARCH_URL = 'http://www.reddit.com/r/subreddits/search.json?jsonp=?';
        var searchQueryText = 'XBox';  //getSearchQueryText();

        $.getJSON(SEARCH_URL, {
            q: searchQueryText,
            limit: 3
            })
                .done(function (data) {
                    $.each(data.data.children, function(i,item) {
                        $("<h1>").attr("src", item.data.url).appendTo("#images");
                    });

                })
               .fail(function (data) {
                      alert("Something went wrong");
                    });

});//end ready

私の .getJSON() 関数は機能し、データを取得します。ただし、.each() 関数に問題があります。コンソールにエラー メッセージが表示されなくても、少しずれていることはわかっています。私よりずっと頭のいい人が書き直して、コンテンツが私の体の #images を通過するのを手伝ってくれることを望んでいましたか?

JSON は次のようになり ます http://www.reddit.com/r/subreddits/search.json?q=xbox&limit=3

4

1 に答える 1

0

#images 要素内のすべての URL を表示したいだけの場合は、コードに問題があります。

あなたが取得している reddit JSON データをテストします。

URL は画像リソースではなく、Web ページのリンクです。

では、存在しない属性「src」を h1 要素に追加しようとするのはなぜですか?

URL を表示して要素に追加するだけの場合は、text() を使用してみてください。

var SEARCH_URL = 'http://www.reddit.com/r/subreddits/search.json?jsonp=?';
var searchQueryText = 'XBox';  //getSearchQueryText();

$.getJSON(SEARCH_URL, {
    q: searchQueryText,
    limit: 3
})
.done(function (data) {
    $.each(data.data.children, function(i,item) {
    $("<h1>").text(item.data.url).appendTo("#images");
 });

})
.fail(function (data) {
    alert("Something went wrong");
});

これはjsfiddleのデモです

これがお役に立てば幸いです。

于 2013-07-15T04:16:11.000 に答える