2016-12-22 84 views
-1

我有一個代碼,在YouTube上基於YouTube上的項目視頻apiv3 我的問題是我如何自動遞增每個李的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的運行時之前在服務器上執行。 – happymacarts

+1

世界上什麼是_unwanted結果_ ??? – AbraCadaver

+0

你可能會更好地發送一個ajax請求到一個php頁面,點擊api並建立你的輸出,然後將它發送回你的容器html結果div – happymacarts

回答

0

只要將你的迭代器轉換爲JavaScript代碼

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++; 
});