的Javascript腳本解析值到JSP頁面

Question

所以我有一個Javascript腳本（不判斷呢，我很少使用的技術之前，這是需要一個整潔的！）

$(document).ready(function() 
{ 
    retrieveComments(); 
}); 


function retriveComments(){ 
     videoID = readCookie("currentVideoID"); 
     $.get("https://gdata.youtube.com/feeds/api/videos/" +videoID+ "/comments", function(d){ 

    $(d).find("entry").each(function(){ 

     var $entry = $(this); 
     var author = $entry.attr("author"); 
     var comment = $entry.find("content").text(); 

     var html = '<div class="videoComments">'; 
     html += '<p class="author">" + author + "</p>'; 
     html += '<p class="comment"> " + comment + "</p>'; 
     html += '</div>'; 

    }; 
    $('#comments').append(html); 
    }); 

我希望檢索值作者和內容（評論），並將其顯示在頁面上。我在一天中發現的例子已經顯示了兩個獨立的文件，一個是腳本，一個是帶有頁面內容的.jsp，然後是對應於最後一行（在我的情況下爲#comments）的類標記（？）。

看到，因爲我不需要任何其他的內容不僅僅是我檢索到的數據和我已經建立了在劇本的內容，我有這樣的：

<div id="comments"> </div> 

，但它不顯示，我看不出我有什麼不同的情況。

我的整個頁面看起來像：

<script type="text/javascript"> 
var videoID = readCookie("currentVideoID"); 

$(document).ready(function() 
    { 
     retrieveComments(); 
    }); 


function retriveComments(){ 
     videoID = readCookie("currentVideoID"); 
     $.get("https://gdata.youtube.com/feeds/api/videos/" +videoID+ "/comments", function(d){ 

     $(d).find("entry").each(function(){ 

      var $entry = $(this); 
      var author = $entry.attr("author"); 
      var comment = $entry.find("content").text(); 

      var html = '<div class="videoComments">'; 
      html += '<p class="author">" + author + "</p>'; 
      html += '<p class="comment"> " + comment + "</p>'; 
      html += '</div>'; 

     }; 
     $('#comments').append(html); 
     }); 

}); 
</script> 
<h1>TEST</h1> 

<div id="comments"> </div> 

任何想法如何，我可以得到的HTML顯示？

Answer 1

不知道readCookie功能做什麼（我假設它讀取一個cookie），但在這裏是沒有所有的語法錯誤和工作：

$(document).ready(retriveComments); 

function retriveComments() { 
    $.get("https://gdata.youtube.com/feeds/api/videos/jofNR_WkoCE/comments", function (d) { 
     $(d).find("entry").each(function (_, entry) { 
      var author = $(entry).find("author name").text(), 
       comment = $(entry).find("content").text(); 
       html = '<div class="videoComments">'; 

      html += '<p class="author">' + author + '</p>'; 
      html += '<p class="comment">' + comment + '</p>'; 
      html += '</div>'; 

      $('#comments').append(html); 
     }); 
    }); 
} 

FIDDLE