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

我希望能夠讓用戶輸入標籤並查看與該標籤有關的最新媒體的結果。我試過這段代碼，但在Chrome控制檯中出現錯誤。使用jquery和ajax通過標籤搜索instagram api

「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); 
 
     } 
 
    }); 
 
}); 
 
});

來源

2016-06-15 trav

你在鉻控制檯得到的錯誤是什麼？ –

這是404錯誤附加到原始帖子中提到的URL。 – trav

根據您發佈的鏈接，它看起來像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「飛機」。所以請嘗試使用最近實際使用的hashtag。

總之，您需要傳遞與access_token的hashtag字符串。我只針對事物的ajax一面。您可能還想仔細檢查爲什麼您的hashtag字符串未被傳入，或爲什麼$("input.form-control").val()未被讀取，或與您的提交表單有關的任何內容。

來源

2016-06-25 05:42:04 HuorCulnamo

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

回答

相關問題