Javascript 尝试使用Flickr API以HTML格式显示图像_Javascript_Html_Json_Flickr

Javascript 尝试使用Flickr API以HTML格式显示图像

javascript html json

Javascript 尝试使用Flickr API以HTML格式显示图像,javascript,html,json,flickr,Javascript,Html,Json,Flickr,由于某些原因，当我从Flickr中提取图像时，图像不会显示，以下是我迄今为止的代码。正如你所看到的，我已经注释掉了其中一个URL，注释掉的那个实际上可以工作并显示图像，但是之前的URL（我实际需要的那个）不起作用 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="ht

由于某些原因，当我从Flickr中提取图像时，图像不会显示，以下是我迄今为止的代码。正如你所看到的，我已经注释掉了其中一个URL，注释掉的那个实际上可以工作并显示图像，但是之前的URL（我实际需要的那个）不起作用

<!DOCTYPE html>
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<script src="http://ajax.googleapis.com/ajax/li`enter code here`bs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">
$(document).ready(function () {
    $.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bde2ddde05dd5e7abbc7a44b9abc12ef&tags=gtav%2C+grand+theft+auto%2C++rockstar&bbox=-122.65057757118905%2C37.71174524790033%2C-122.2214241288068%2C37.81705186562751+&has_geo=&format=json&nojsoncallback=?", displayImages1); <!--("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bde2ddde05dd5e7abbc7a44b9abc12ef&tags=gtav&format=json&jsoncallback=?", displayImages1); -->    
    function displayImages1(data) {

        $.each(data.photos.photo, function (i, item) {

            var photoID = item.id;

            lat = item.latitude;
            long = item.longitude;

            $('#images1').append(photoID);

            var photoURL = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_m.jpg';

            htmlString = '<img src="' + photoURL + '">';

            $('#images1').append(htmlString);

            $('#images1').append("<br/><hr/><br/>");



        });
    }
});
</script> 


</head>
<body>
<div id="images1"> </div>
<p>&nbsp;</p>

</body>        
</html>


$（文档）.ready（函数（）{
$.getJSON（“http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bde2ddde05dd5e7abbc7a44b9abc12ef&tags=gtav%2C+grand+theft+auto%2C++rockstar&bbox=-122.65057718905%2C37.71174524790033%2C-122.2214241288068%2C37.81705186562751+&has_geo=&format=json&nojsoncallback=？”，显示图像1）；
函数显示图像1（数据）{
$。每个（data.photos.photo，函数（i，项）{
var photoID=item.id；
纬度=项目纬度；
long=item.longitude；
$（'#images1'）。追加（photoID）；
var photoURLhttp://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'.''.'+item.secret+'.\u m.jpg'；
htmlString=''；
$（'#images1'）。追加（htmlString）；
$（“#images1”）。追加（

）；
});
}
});

您的链接不正确。下面是正确的链接。它以jsoncallback结束

http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bde2ddde05dd5e7abbc7a44b9abc12ef&tags=gtav%2C+grand+theft+auto%2C++rockstar&bbox=-122.65057757118905%2C37.71174524790033%2C-122.2214241288068%2C37.81705186562751+&format=json&jsoncallback=?

欢呼声起作用了。我想我自己也试过了，肯定错过了什么，谢谢。