Javascript Script разбирает значения на странице JSP

0

Таким образом, у меня есть сценарий 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);
    });

И я хочу получить значения автора и контента (комментарий) и отобразить его на странице. Примеры, которые я нашел в течение дня, показали 2 отдельных файла со сценарием и один.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?

Теги:
jsp

1 ответ

1
Лучший ответ

Не уверен, что readCookie функция 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

Поделиться
  • 0
    Если вы знакомы с CQ5, это связано с этим. Эта «страница» на самом деле является компонентом, VideoID сохраняется в файле cookie, когда загружается полная страница.
  • 0
    Затем просто добавьте videoID, я удалил его и нашел случайный идентификатор Youtube, чтобы получить некоторые комментарии.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню