Question

我做了一个像这样的项目，但在解析时，一个json文件来自instagram api我无法读取它我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>tst</title>
<script src="../jq.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".send").click(function(){
        var name =  $("#name").val();
        var my_url= "https://api.instagram.com/v1/tags/"+name+"?access_token=2307573123.2c01fc8.d2a19d4145c84d59962c0db8d418d2a8";
        $("#name").val("");
        $.ajax({
            type: 'GET',
            url: my_url,
            dataType: 'jsonp',
            function(response){
                //how????
            }
            });
        });
    });
</script>
</head>
<body>
  <p id="p1"></p>
  <input type="search" id="name" />
  <input type="button" class ="send"  value="send" />
</body>
</html>

我想读一个共鸣。我可以解析它但我无法阅读它。 //我把怎么??? 是我的阅读地点

Answer 1

API响应包含数据属性：

获取：https://api.instagram.com/v1/tags/stackoverflow?access_token=xxx

{"data": {"name": "stackoverflow", "media_count": 10769}, "meta": {"code": 200}}

要访问值：

success:function(response){
  //how????
  alert(response.data.name + ' have ' + response.data.media_count + ' media');
}

Answer 2

你在ajax调用中有错误，没有得到正确的响应，它应该是这样的：

$(document).ready(function(){
    $(".send").click(function(){
    var name =  $("#name").val();
    var my_url= "https://api.instagram.com/v1/tags/"+name+"?access_token=2307573123.2c01fc8.d2a19d4145c84d59962c0db8d418d2a8";
    $("#name").val("");
    $.ajax({
        type: 'GET',
        url: my_url,
        dataType: 'jsonp'
    }).done(function(response){
            //response is our object with data
        }
        );
    });
});

无法读取来自insta的json

2 个答案: