Javascript JSONP API呼叫Instagram

时间:2015-03-15 15:58:58

标签: javascript json api jsonp instagram

我一直在尝试使用JavaScript从Instagram API获取随机JSONP数据列表。我知道如何在PHP和CURL中实现它,但在JavaScript中却没有那么多,所以我正在努力学习它。我已经绞尽脑汁几个小时了,仍然无法弄清楚如何在我提出请求后从服务器上获得简单的响应。请,任何帮助将不胜感激。我知道这是一个很有可能的问题,但我到处寻找(包括w3学校)并且无法得到明确的答案。我注释掉了我的代码的一部分,因为我非常绝望,并试图提醒我从服务器返回的响应(看看我是否提出了有效的请求)。我的代码如下。再次感谢 !!!

P.S。 :我至少接近它吗?您将如何为另一个API(例如Twitter API)(仅获取随机推文)

执行此操作
<div id="content6" class = "container">

    <center><u><h1 style = "color:maroon">Around The Web</h1></u></center>
    <h1>Customers</h1>
<div id="id01"></div>

<script>
var xmlhttp = new XMLHttpRequest();
var url = "https://api.instagram.com/v1/media/popular?access_token";

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 400) {
        myFunction(xmlhttp.responseText);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(response) {
    var arr = JSON.parse(response);
    alert(response);
    var i;
    var out = "<table>";

/*
    for(i = 0; i < arr.length; i++) {
        out += "<tr><td>" + 
        arr[i].Name +
        "</td><td>" +
        arr[i].City +
        "</td><td>" +
        arr[i].Country +
        "</td></tr>";
    }
    */
    out += "</table>"
    document.getElementById("id01").innerHTML = out;
}
</script>


</div>

0 个答案:

没有答案