Instagram Graph Apiで任意のハッシュタグ画像をHPに表示させたいのですがなかなかうまくいきません。
同じような質問があったのでそこを参考に下記コードで試しましたが出力できません。
どこに問題があるのかご教授ください。
javascript
1 2<script> 3$(function(){ 4 $.ajax({ 5 type: 'GET', 6 url: '取得したJSONURL', 7 dataType: 'json', 8 success: hoge (json), 9 function hoge (json) { 10 let ul = document.createElement ('ul'); 11 12 function fuga (data, ul) { 13 for (let rec of data) { 14 let { id, media_url, permalink, media_type, children } = rec, li, a, img; 15 ul.appendChild (li = document.createElement ('li')); 16 li.className = 'col col-xs-6 col-sm-6 col-lg-2'; 17 switch (media_type) { 18 case 'IMAGE' : 19 li.appendChild (a = document.createElement ('a')) 20 .appendChild (img = document.createElement ('img')).src = media_url; 21 a.href = permalink; 22 img.alt = media_url; 23 break; 24 case 'CAROUSEL_ALBUM' : 25 li.appendChild (a = document.createElement ('a')) 26 .href = permalink; 27 a.textContent = id; 28 li.appendChild (fuga (children.data, ul.cloneNode (false))); 29 break; 30 default: 31 li.appendChild (a = document.createElement ('a')) 32 .href = permalink; 33 a.textContent = id; 34 } 35 } 36 return ul; 37 } 38 39 let list = fuga (json.data, document.createElement ('ul')); 40 document.querySelector ('#instafeed02').appendChild (list); 41} 42 error: function() { 43 44 //エラー時の処理 45 } 46 }); 47}); 48</script>
出力HTML
<div id="instafeed02"></div>
あなたの回答
tips
プレビュー