2016-12-22 4 views
-1

私はyoutubeに基づいてyoutubeにビデオを投影するコードを持っていますapiv3 私の問題はどのように各liのIDを1単位結果 私は結果をループするためにPHPを使用していくつかのアプローチを試みましたが、私は望ましくない結果を得ています。PHPを使って各リスト出力のIDを自動インクリメントする

<script> 
    $.get(
     "https://www.googleapis.com/youtube/v3/playlistItems", data, 
     function(data){ 
     var output; 
     $('#results').html(""); 
     $.each(data.items, function(i, item){ 
      console.log(item); 
      videoTitle = item.snippet.title; 
      rvideoID = item.snippet.resourceId.videoId; 
      vidThumburl = item.snippet.thumbnails.high.url; 
      <?php $counter = 1; while($counter <= 10){ ?> 
      output = '<li id="menu<?=$counter;?>" style="list-style:none;"><a class="videos2 video" href="https://www.youtube.com/watch?v=' + rvideoID + '">' + videoTitle + '<a/></li>'; 

      //Append to results list 
      $('#results').append(output); 
      <?php $counter++; } ?> 
     }); 


     try{ 
      if(data.prevPageToken){ 
      $("#results").append('<li id="menu<?=$counter;?>" style="list-style:none;"><a class="" href="javascript:void(0);" onclick="javascript:getVids(pid, \'' + data.prevPageToken + '\');">&raquo; Prev Page<a/></li>'); 
      } 
     }catch(err){ 
     } 

     try{ 
      if(data.nextPageToken){ 
      $("#results").append('<li id="menu<?=$counter;?> style="list-style:none;"><a class="" href="javascript:void(0);" onclick="javascript:getVids(pid, \'' + data.nextPageToken + '\');">Next Page &laquo;<a/></li>'); 
      } 
     }catch(err){ 
     } 
    }); 
    } 
</script> 
<body> 
<div id="container"> 
    <ul id="results"></ul> 
</div> 
</body> 
+0

PHPはJavaScriptのランタイム前に、サーバー上で実行されるJavaScriptコードにあなたのイテレータを置きます。 – happymacarts

+1

世界で何が_不要な結果ですか? – AbraCadaver

+0

apiにヒットしたPHPページにajaxリクエストを送信し、出力をビルドしてからコンテナに返す方が良いかもしれません。html結果div – happymacarts

答えて

0

だけ

var counter = 1; 
$.each(data.items, function(i, item){ 
    console.log(item); 
    videoTitle = item.snippet.title; 
    rvideoID = item.snippet.resourceId.videoId; 
    vidThumburl = item.snippet.thumbnails.high.url; 
    output = '<li id="menu' + counter + '" style="list-style:none;">' + 
     '<a class="videos2 video" href="https://www.youtube.com/watch?v=' + rvideoID + '">' + videoTitle + '<a/>'+ 
     '</li>'; 

    //Append to results list 
    $('#results').append(output); 
    counter++; 
}); 
関連する問題