Javascript JQuery从REST和JSON获取data.source_Javascript_Jquery_Json_Rest_Facebook Graph Api

Javascript JQuery从REST和JSON获取data.source

javascript jquery json rest facebook-graph-api

Javascript JQuery从REST和JSON获取data.source,javascript,jquery,json,rest,facebook-graph-api,Javascript,Jquery,Json,Rest,Facebook Graph Api,我正在尝试构建一个HTML页面，该页面将在div中显示图像，我需要通过REST服务读取图像的源代码。 REST响应是一个JSON对象 { "photos": { "data": [ { "id": "111111111", "source": "http://bla_blabla.com/bla1.jpg", "created_time": "2014-03-13T19:36:09+000

我正在尝试构建一个HTML页面，该页面将在div中显示图像，我需要通过REST服务读取图像的源代码。 REST响应是一个JSON对象

{
   "photos": {
      "data": [
         {
            "id": "111111111",
            "source": "http://bla_blabla.com/bla1.jpg",
            "created_time": "2014-03-13T19:36:09+0000"
         },
         {
            "id": "22222222",
            "source": "http://bla_blabla.com/bla2.jpg",
            "created_time": "2014-03-13T07:55:04+0000"
        }
      ],},
   "created_time": "2010-07-24T18:23:25+0000",
   "id": "10150212006985032"
}

我使用了以下HTML代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<body>
<div id="daily_cartoon">
</div>

这就是我的JQuery函数：

$(document).ready(function() {

$.ajax({
url: "https://www.mysite.com/photos=photos.fields(id,source)"
}).then(function(data) {
$('#my_img_div').prepend('<img id="daily_img" src="' + data.source + '" />');
});
});

$（文档）.ready（函数（）{
$.ajax({
url:“https://www.mysite.com/photos=photos.fields（身份证，来源）
}).then（功能（数据）{
$（'my#img_div'）。前缀（''；
});
});

当我运行我的页面时，我得到了data.source的“undefined”！如果我直接（通过浏览器的地址栏）链接到服务url，而不是从JQuery脚本，我可以在浏览器中看到JSON对象的数据。如果我尝试访问data.id或data.created_time（从服务的页脚部分），值将正常返回

任何人都可以帮我找到让我无法读取照片值的缺失部分。数据。来源

提前谢谢

快速看一眼就知道数据是一个数组。所以可能类似于

数据[i].source

（或者是这样的：

data.photos.data[i]

）

返回的对象在photos键下，因此我们需要解决这个问题，然后

photos

对象中的

数据是一个数组，因此我们需要使用循环对其进行迭代
代码是这样的
$(document).ready(function() {

$.ajax({
url: "https://www.mysite.com/photos=photos.fields"
}).done(function(returnedData) {



   for(var i in returnedData.photos.data){
      $('#my_img_div').prepend('<img id="daily_img" src="' + returnedData.photos.data[i].source + '" />');
     }
});
});

$（文档）.ready（函数（）{
$.ajax({
url:“https://www.mysite.com/photos=photos.fields"
}).done（函数（返回数据）{
for（returnedData.photos.data中的var i）{
$（'my#img_div'）。前缀（''；
}
});
});

这里是一个链接。打开javascript控制台，然后运行脚本以查看输出。
看起来数据是一个对象数组。请尝试使用数据[0]。源或数据[1]。源。非常感谢您使用大量数据。照片。数据[i]是答案，我不知道我是如何尝试的：请注意，您发布的代码中的URL不正确，因此可以更正，非常欢迎您。：）再次感谢shiva，实际上由于安全问题，我无法更正：）如果格式正确的话。然后在ajax函数的url
字段中添加缺少的引号