instagram APIからJSONを使用するには？

Question

JavaScriptを使用してクライアント側でこれを実行しようとしています。

質問：JavaScriptを使用してhttps://www.instagram.com/xsolvesoftware/media/に保存されたJSONにアクセスしてオブジェクトにするにはどうすればよいですか？

私は、SRCでそれをロードしようとしているが、それはタグの内側に内容にのみ動作として、それは明らかに動作しないのXMLHttpRequest

function httpGet(theUrl) 
 
{ 
 
    var xmlHttp = new XMLHttpRequest(); 
 
    xmlHttp.open("GET", theUrl, false); // false for synchronous request 
 
    xmlHttp.send(null); 
 
    return xmlHttp.responseText; 
 
} 
 
var data = httpGet("https://www.instagram.com/xsolvesoftware/media/"); 
 
console.log(data);

を試してみました：

var jsonData = JSON.parse(document.getElementById('data').textContent)

<script id="data" type="application/json" src="https://www.instagram.com/xsolvesoftware/media/"> 
 
</script>

私はこの例を編集しようとしましたルそれが応答としてJSONPないJSONを使用し、私は、ユーザーがコンテンツにアクセスして登録された使用する場合にのみ、私はJSONPになるだろうと思う：

var token = '1362124742.3ad74ca.6df307b8ac184c2d830f6bd7c2ac5644', 
 
    num_photos = 10, 
 
    container = document.getElementById('rudr_instafeed'), 
 
    scrElement = document.createElement('script'); 
 
    
 
window.mishaProcessResult = function(data) { 
 
\t for(x in data.data){ 
 
\t \t container.innerHTML += '<li><img src="' + data.data[x].images.low_resolution.url + '"></li>'; 
 
\t } 
 
} 
 
    
 
scrElement.setAttribute('src', 'https://api.instagram.com/v1/users/self/media/recent?access_token=' + token + '&count=' + num_photos + '&callback=mishaProcessResult'); 
 
document.body.appendChild(scrElement);

<ul id="rudr_instafeed"></ul>

Answer 1

あなたはすでにそれを試してみましたが？ 具体的な問題は何ですか？ 既に試してみたら、いくつかのコードスニペットを提供して、苦労していることを説明できますか？ （編集：質問を編集してコードスニペットを追加しましたが、今すぐ見てみましょう）

CORSトラップを実行しているような音が聞こえます。 ページが提供されているのと同じ起点で実行されるために、jsonを取得するバックエンドサービスが必要です。 This answerは良い出発点です:)

edit：あなたのスニペットを見て、それは私が仮定したようです：あなたはCORSに問題があります。あなたのjavascriptは任意のURLからデータを読み込むことはできません。