1

そのため、自動ページネーション、カラーボックスとの統合、jQuery.ajax によるタグ付き要素のロード、および Dom へのロードが可能な tumblr サイトを構築しようとしています。

jsonp 応答を取得しています。それをうまく解析しています。追加すると、このファイルが禁止されていることを示すコンソール ログが表示されます。画像のリクエストで API キーを渡す必要があると考えていますが、これを行う方法がわかりません。

私のコードは以下です。

$.ajax({
  url: 'http://api.tumblr.com/v2/blog/ryansimmonsiscool.tumblr.com/posts/photo?api_key=myApikey&limit=6',
  dataType: 'jsonp',
  success: function(results) {
    console.log(results);
    var posts = results.response.posts;
    $.each(posts, function(i, posts) {
      //console.log(this.photos);

      var photos = this.photos;

      $.each(photos, function(i, photos) {
        console.log(this.alt_sizes[3].url);
        var thumb = '<img src=' + this.alt_sizes[3].url + '/>';
        $('#contSlug').append(thumb);
        console.log(this.original_size.url);
        var fullres = '<img src=' + this.original_size.url + '/>';
        $('#contSlug').append(fullres);
      });
    });
  }
});

編集: $.ajaxSetup を定義して api_key を含めることも試みました。これにより、画像が追加され、クライアントがサーバーにデータを要求すると、get メソッド (以下のコード) で api_key を使用して取得されますが、まだ取得しています403 と壊れたリンク。

$.ajaxSetup({
  data: {
    api_key:'example-api-key'
  }
});
4

2 に答える 2

0

リクエスト タイプとリクエスト内のデータを変数としてtype設定できます (必要に応じて「get」または「post」に設定します)。次に、dataオブジェクトを作成し、そのオブジェクトにリクエスト変数を設定します。これは、 で指定されたメソッドを使用してサーバーに渡されますtype。

$.ajax({
type: "get",
data: {
        api_key:myAPIKeyGoesHere,
        limit:6
},
url:'http://api.tumblr.com/v2/blog/ryansimmonsiscool.tumblr.com/posts/photo',
cache: false,
dataType: 'jsonp',
success: function(results){
    console.log(results);
    var posts = results.response.posts;
    $.each(posts, function (i, posts){

        //console.log(this.photos);

        var photos = this.photos;

        $.each(photos, function (i, photos) {
            console.log(this.alt_sizes[3].url)
            var thumb = "<img src="+this.alt_sizes[3].url+"/>";
            $("#contSlug").append(thumb);
            console.log(this.original_size.url)
            var fullres = "<img src="+this.original_size.url+"/>";
            $("#contSlug").append(fullres);
            })
        })
}
 });

お役に立てれば。

于 2013-09-20T21:49:59.233 に答える