Question

我需要使用ajax请求点击Instagram API以获取下一批照片和数据（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一无所知，所以请原谅我对手持的需求:(

Paginate Instagram与ajax到一张桌子

0 个答案: