使用jquery和ajax通過標簽搜索instagram api

Question

我希望能夠讓用戶輸入標簽，並查看與該標簽有關的最新媒體的結果。 我已經嘗試過此代碼，但是Chrome控制台出現錯誤。

“ 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沒有被傳遞到ajax請求中？ 注意，在/tags/和/media/之間應該有一個字符串

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

在添加帶有完整access_token的主題標簽后：

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 “ plane”。 因此，請嘗試使用您最近實際使用的hashtag 。

簡而言之，您需要使用access_token傳遞主題標簽字符串。 我只針對Ajax方面。 您可能還需要仔細檢查為什么未傳遞您的hashtag字符串或為什么未讀取$("input.form-control").val()或與提交表單相關的任何內容。