jQuery AJAX$.每个都带有Instagram JSON

jQuery AJAX $.each with Instagram JSON

本文关键字：Instagram JSON AJAX jQuery      更新时间：2023-12-23

我使用ajax函数将更多照片加载到页面中。我将此函数用于用户上传的图像和他们的提要，它们都在API url的末尾使用"max_id"参数。。。当我尝试将此函数用于点赞时，它不会起作用，因为点赞的媒体url以"max_like_id"结尾。我不知道为什么，但也许你们可以帮我！这是我所有的代码：

<script type="text/javascript">
$(document).ready(function() {
  $('#more').click(function() {
var user   = $(this).data('user'),
maxid = $(this).data('maxid');
$.ajax({
type: 'GET',
url: 'ajaxloadlikes.php',
data: {
  user: user,
  max_like_id: maxid
},
dataType: 'json',
cache: false,
success: function(data) {
$.each(data.images, function(i, img) {
$('ul#photos').append('<a href="/media.php?user=' + img.user + '&id=' + img.id + '"><img src="' + img.url + '" alt="" /></a>');
});
// Store new maxid
$('#more').data('maxid', data.next_id);
 }
});
 });
});
</script>
<a id="more" data-maxid="'.$liked_media->pagination->next_max_like_id.'" data-user="self'">Load More</a>

然后我的ajaxloadlikes.php有这个：

$maxID = $_GET['max_like_id'];
$userID = $_GET['user'];
$accessID = **access token**;
$next = "https://api.instagram.com/v1/users/self/media/liked?access_token={$accessID}&max_like_id={$maxID}";
$json = file_get_contents($next);
$media = json_decode($json);
// Collect everything for json output
$images = array();
foreach ($media->data as $data) {
$images[] = array('id' => $data->id, 'url' => $data->images->low_resolution->url, 'user' => $data->user->username);
}
echo json_encode(array('next_id' => $mine->pagination->next_max_like_id, 'images' => $images));

如果我将$next url设置为"max_id"而不是"max_like_id"，它只是一遍又一遍地加载相同的图像。。。

谢谢你的帮助！

根据所提供的代码，您似乎错误地引用了对象。data.data[i]是指返回的对象data，然后是data-data.data中的一个属性，然后它看起来是一个数组，如使用[i]所示。但是，我看不出您在对象中声明i或data属性的位置。

由于缺乏支持信息，我在我的例子中做了一些假设：

var data = {
    "next_id": "*next-id*",
    "images": [
        {
        "id": "*image id*",
        "url": "*image low_resolution link*",
        "user": "*user*"},
    {
        "id": "*image id*",
        "url": "*image low_resolution link*",
        "user": "*user*"}
    ]
};
var json = data.images;
for(var i = 0; i < json.length; i++) {
    var img = json[i];
    var item = '<li><div class="image"><a href="/media.php?user=' + img.user + '&id=' + img.id + '"><img src="' + img.url + '" alt="" /></a><a href="/media.php?user=' + img.user + '&id=' + img.id + '"><img class="hoverimage" src="/zoom.png" alt="" /></a></div></li>';
    $('ul#photos').append(item);
}

演示：http://jsfiddle.net/DdqxT/

上面的代码获取data对象，然后循环通过images属性返回其数组中的对象。

我在你的问题中注意到的一件事是，你有img.user.，它不应该包含后面的.。

相关文章：