jqueryとajaxを使ってinstagram apiをタグで検索する

Question

ユーザーにタグを入力させて、そのタグに関する最近のメディアの結果を表示させたいと考えています。このコードを試しましたが、Chrome Consoleでエラーが発生しています。 AJAXリクエストに渡されていない

"https://api.instagram.com/v1/tags//media/recent?callback=jQuery224041941550…24017687.51352a5.571b3b1e6a9945eea4745b7bea5d38f2&count=10&_=1465951645890"

var token = '24017687.51352a5.571b3b1e6a9945eea4745b7bea5d38f2', 
 
num_photos = 10; 
 
var hashtag = $("input.form-control").val(); // hashtag without # symbol 
 

 
$(function() { 
 
"use strict"; 
 
$('.input-group').on('submit', function(e) { 
 
    e.preventDefault(); 
 

 
    $.ajax({ 
 
     url: 'https://api.instagram.com/v1/tags/' + hashtag + '/media/recent', 
 
     dataType: 'jsonp', 
 
     type: 'GET', 
 
     data: { 
 
      access_token: token, 
 
      count: num_photos 
 
     }, 
 
     success: function(data) { 
 
      console.log(data); 
 
      for (x in data.data) { 
 
       $('.thumbnail').append('<img src="' + data.data[x].images.standard_resolution.url + '">'); 
 
      } 
 
     }, 
 
     error: function(data) { 
 
      console.log(data); 
 
     } 
 
    }); 
 
}); 
 
});

Answer 1

あなたが投稿したリンクによると、それはhashtagのように見えますか？私は完全access_tokenでハッシュタグを追加した後

https://api.instagram.com/v1/tags/NEED_HASHTAG_STRING_HERE/media/recent?callback=jQuery224041941550…24017687.51352a5.571b3b1e6a9945eea4745b7bea5d38f2&count=10&_=1465951645890

に/tags/と/media/の間の文字列がなければならない注意：

https://api.instagram.com/v1/tags/plane/media/recent?access_token=24017687.51352a5.571b3b1e6a9945eea4745b7bea5d38f2

私が得た：

{"pagination": {"deprecation_warning": "next_max_id and min_id are deprecated for this endpoint; use min_tag_id and max_tag_id instead"}, "meta": {"code": 200}, "data": []}

しかし、これは、サンドボックスアカウントの最後の20枚の写真でhashtag「飛行機」が使用されなかったためです。実際に最近使用したhashtagを試してみてください。要するに

、あなたはaccess_tokenでハッシュタグの文字列を渡すために必要な。私は物事のアヤックス側をターゲットにしてきました。 hashtag文字列が渡されない理由、または$("input.form-control").val()が読まれていない理由、または送信フォームに関連するものを再度確認することもできます。