Question

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

这是指向实际网站http://www.laithazzam.com/work/nukes/indexnew.php

的链接

点击红色是将跳过视频，然后直接转到Instagram Feed。

我目前正在使用Christian Metz的解决方案，https://gist.github.com/cosenary/2961185

我也遇到了在第一次初始加载中以及在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>

我想我不明白的是，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);
      }
    });
  });

Answer 1

data处理程序函数的success参数从JSON ajax.php返回的任何内容填充，结构将相应地匹配。看起来该对象的images属性只有图像的URL数组而没有其他数据。

您需要update this section of the PHP script返回的不仅仅是图片的网址数组，还包括从Instagram API中检索到的其他数据。

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

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

然后，您将拥有对所有媒体数据的完全访问权限，而不仅仅是URL。

Ajax用户名和日期Instagram API

1 个答案: