Question

我试图编写一个使用flickr的api的简单网页。首先我使用＆＃34; flickr.places.find＆＃34;获取一个json文件。然后我获取json文件中的第一个对象，并使用它的＆＃34; woeid＆＃34;和＆＃34; place_id＆＃34;尝试使用＆＃34; flickr.photos.search＆＃34;获取json文件的方法，该文件包含有关该地点照片的信息。我的＆＃34; flickr.places.find＆＃34; getJSON调用工作正常，但＆＃34; flickr.photos.search＆＃34;打电话不起作用。

这是我的代码（删除了用户名和帖子的api_key）：

<html>  
<head>  
<link href="bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<style>
</style>  

<!--flickr API Script-->
<script>  
    //API key
    var api_key = "API_KEY";
    //User ID
    var user_id = "USER_ID";

    /*Given a flikr api method, and any number of arguments in the format of:
    argumentName=value, return the url to be called using getJSON. This url will not
    call a callback function, and will return a JSON file*/
    function makeAPIURL(method /*, &parameter1=val1, &parameter2=val2, ...*/) {
        var api_url = "https://api.flickr.com/services/rest/?" + "&method=" + method;

        /*Append any arguments=value*/
        for(var i = 1; i < arguments.length; i++) {
            api_url += "&" + arguments[i];
        }

        api_url += "&api_key=" + api_key + 
        "&user_id=" + user_id +
        "&format=json" +
        "&nojsoncallback=1";

        return api_url;
    }



    function queryflickr() {

        var placeToFind = $("#placeToFind").val();
        /*Create api url to get the location info from flickr*/
        var api_url = makeAPIURL("flickr.places.find", "query=" + placeToFind);

        console.log("apiurl:" + api_url);

        /*Retrieves the JSON*/
        $.getJSON(api_url, function(json) {
            console.log(json.places);
            /*At this point we have the JSON file with places that are related to the queried string*/

            var placeFound = json.places.place[0]; 

            /*Tell the user what was found*/
            $("#retStatement").text('Found location "' + placeFound._content + '" which is type ' + placeFound.place_type);

            /*Get photos of the place from flickr*/
            /*Given the photos.search method, world ID, place ID*/
            api_url = makeAPIURL("flickr.photos.search", "woe_id=" + placeFound.woeid, "place_id=" + placeFound.place_id);

            console.log("Querying flickr for place's photos using apiurl:" + api_url);
            /*Retrieve the JSON*/
            $.getJSON(api_url, function(json) {
                console.log(json);
            });
        })
    }
</script>
</head>  

<body>  
<input type="text" placeholder="continent, country, region, locality, or neighborhood" class="form-control" id="placeToFind">

<center>
    <button class="btn btn-danger" id="button" onclick="queryflickr()">Populate!</button>
    <p id="retStatement"></p>
</center>


</body>  
</html>

对于这个地方，我进入＆＃34;非洲＆＃34;然后单击按钮执行flickr api调用。第一个要执行的网址就是这个（再次删除了API_KEY和USER_ID，因此它不会工作）：

首先是getJSON（flickr.places.find）：

我的api电话：

https://api.flickr.com/services/rest/?&method=flickr.places.find&query=Africa&api_key=[API_KEY]&user_id=[USER_ID]&format=json&nojsoncallback=1

返回flickr资源管理器返回的内容：

https://api.flickr.com/services/rest/?method=flickr.places.find&api_key=2f396eba26d0c79c40a2e6d2390803b6&query=Africa&format=json&nojsoncallback=1&auth_token=72157671958290895-57134d5ebb08a350&api_sig=3ef0b79ef48b570e23bb5f203126049a

第二个getJSON（flickr.photos.search）：

flickr资源管理器返回： https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=2f396eba26d0c79c40a2e6d2390803b6&woe_id=24865670&place_id=6roy4axTVrJPAFMpHQ&format=json&nojsoncallback=1&auth_token=72157671958290895-57134d5ebb08a350&api_sig=a3925a01ef0e8eff9126f8619efef434

但是我的网址：

https://api.flickr.com/services/rest/?&method=flickr.photos.search&woe_id=24865670&place_id=6roy4axTVrJPAFMpHQ&api_key=[API_KEY]&user_id=[USER_ID]&format=json&nojsoncallback=1

返回：

{＆＃34;照片＆＃34; {＆＃34;页面＆＃34;：1，＆＃34;页面＆＃34;：0，＆＃34; perpage＆＃34; 250＆＃34 ;总＆＃34;：＆＃34; 0＆＃34;＆＃34;相片＆＃34;：[]}，＆＃34; STAT＆＃34;：＆＃34; OK＆＃34;}