Пагинация Instagram с ajax в таблицу

Мне нужно поразить API Instagram запросом ajax, чтобы получить следующий пакет фотографий и данных (Instagram API ограничивает до 20 фотографий на запрос), и загрузить его на ту же HTML-страницу, в частности в таблицу. Я застрял в AJAX …

У меня есть этот PHP и HTML работает. Я также могу разбивать на страницы, но не с помощью AJAX, который (я думаю) это то, что мне нужно …

Используя user_id, получите фотографии, лайки за последние 30 дней:

if (!empty($_GET['user_id'])){
$user_id = ($_GET['user_id']);
$min_timestamp = strtotime('-30 days',time());
$next_max_id = $_GET['next_max_id'];
$instagram_url  = 'https://api.instagram.com/v1/users/' . $user_id . '/media/recent/?client_id={MY_CLIENT_ID}&min_timestamp=' . $min_timestamp;
// if($next_max_id != "")
$instagram_url  .= "&max_id=" . $next_max_id;
$instagram_json  = file_get_contents($instagram_url);
$instagram_array  = json_decode($instagram_json ,true);
}}

Поместите это в таблицу (чтобы я мог сортировать по лайкам с помощью bootstrap-table-sort):

if(!empty($instagram_array)){
foreach($instagram_array['data'] as $image){
echo
'<tr>
<td>' . date('M d, Y', $image['created_time']) . '</td>
<td>'.$image['likes']['count'].'</td>
<td class="text-right"><img src="'.$image['images']['standard_resolution']['url'].'" alt=""/ style="max-height:40px"></td>
</tr>';
}}

Paginate — через обновление новой страницы (бу!) — должен быть через AJAX!

<? if( $instagram_array['pagination']['next_max_id'] != "" ): ?>
<a class="btn btn-primary" href="?user_id=<?=$user_id?>&next_max_id=<?=$instagram_array['pagination']['next_max_id']?>">More...</a>
<? endif;?>

Как я могу получить AJAX-запрос на загрузку следующих изображений? Я действительно надеюсь, что мне не придется переделывать всю мою разметку и выбрасывать этот php, но если это будет лучше, я сделаю то, что должен сделать 🙂

ps — я ничего не знаю о ajax, поэтому, пожалуйста, прости мою потребность в руках 🙁

1

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]