Ajax用户名和日期Instagram API

目前，我正在尝试使用instagram的api创建一个页面，显示带有特定标签的最新图片，以及发布该图片的用户和发布日期。我还尝试使用无限加载功能，当页面到达底部时，在更多instagram帖子中加载ajax

这里有一个到现场的链接

单击红色的“是”将跳过视频，直接进入instagram订阅源

我现在用的是Christian Metz的解决方案

在第一次初始加载和ajax加载中发布日期时，我也遇到了问题。在尝试实现Christian的php/ajax解决方案之前，我曾经能够使用以下代码

var date = new Date(parseInt(data.data[i].created_time) * 1000);
<p class='date'>"+(date.getMonth()+1)+"/"+date.getDate()+"/"+date.getFullYear()+"</p>

var-date=新日期（parseInt（data.data[i].创建时间）*1000）；
“+（date.getMonth（）+1）+“/”+date.getDate（）+“/”+date.getFullYear（）+”

我想我不明白的是，ajax加载函数实际上是如何工作的。我如何通过ajax加载成功函数提取名称和日期呢

$.ajax({
      type: 'GET',
      url: 'ajax.php',
      data: {
        tag: tag,
        max_id: maxid
      },
      dataType: 'json',
      cache: false,
      success: function(data) {
        // Output data
        $.each(data.images, function(i, src) {
        $("#instafeed").append('<img src="' + src + '">');
        });

        // Store new maxid
        $('#more').data('maxid', data.next_id);
      }
    });
  });

$.ajax({
键入：“GET”，
url:'ajax.php'，
数据：{
标签：标签，
max_id:maxid
},
数据类型：“json”，
cache:false，
成功：功能（数据）{
//输出数据
$.each（data.images，function（i，src）{
$（“#instafeed”）。追加（“”）；
});
//存储新的maxid
$（'more'）.data（'maxid'，data.next_id）；
}
});
});

从JSON ajax.php返回的任何内容填充

success

处理程序函数的

数据

参数，结构将相应匹配。看起来该对象的images属性只有一个图像URL数组，没有其他数据

您需要返回的不仅仅是图像的URL数组，还需要包含从Instagram API检索到的其他数据

尝试将最后一部分更新为：

echo json_encode(array(
    'next_id' => $media->pagination->next_max_id,
    'images'  => $media->data
));

---

这样，您就可以完全访问所有媒体数据，而不仅仅是URL。

哦，很好，谢谢，这很有意义。还有一点模糊的是，是什么让jquery输出信息数组，图像的src？关于这一部分，我不太明白它与instagram api的关系，以及什么会只提取用户名呢？

$。each（）

方法在包含图像源URL字符串的图像数组上循环，并为每个图像源调用函数。每次调用函数时，

i

设置为数组中的位置，

src

是一个变量，设置为当前迭代的值。如果更改服务器以返回完整的媒体对象，则需要执行类似于

$.each（data.images，function（i，image）{…}）的操作

在该块中，您可以执行

image.user.name

或任何JSON属性名称来获取所需的数据。好吧，很酷，更改我的服务器以返回完整的媒体对象，这是使用您之前指出的更改，$media->data，还是涉及这些行$图像=数组（）；foreach（$media->data as$data）{$images[]=$data->images->standard_resolution->url；}您可以忽略填充$images的行，因为您使用的是该数据的超集