-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 + '\');">» 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 «<a/></li>');
}
}catch(err){
}
});
}
</script>
<body>
<div id="container">
<ul id="results"></ul>
</div>
</body>
PHPはJavaScriptのランタイム前に、サーバー上で実行されるJavaScriptコードにあなたのイテレータを置きます。 – happymacarts
世界で何が_不要な結果ですか? – AbraCadaver
apiにヒットしたPHPページにajaxリクエストを送信し、出力をビルドしてからコンテナに返す方が良いかもしれません。html結果div – happymacarts