jquery - 尝试使用 Jquery 根据关键字检索可能的 youtube 视频列表

Question

请帮忙!请。

我正在尝试让用户在搜索框中输入“关键字”，并且我正在尝试从 Youtube 返回可能的 Youtube 电影列表(仅标题)，以便我可以将它们绑定(bind)到我的自动完成功能文本框:

我正在尝试使用此代码来执行此操作:

http://jsfiddle.net/0hnwf414/

     $(document).ready(function () {
$("#show").click(function () {
    getYoutube($("#Search").val());
});
  });

   function getYoutube(title) {
        $.ajax({
          type: "GET",
           url: yt_url = 'http://gdata.youtube.com/feeds/api/videos?q=' + title + '&format=5&max-results=1&v=2&alt=jsonc',
    dataType: "jsonp",
    success: function (response) {
        if (response.data.items) {
            $.each(response.data.items, function (i, data) {
                var video_id = data.id;
                var video_title = data.title;
                var video_viewCount = data.viewCount;

                var video_frame = "<iframe width='600' height='385' src='http://www.youtube.com/embed/" + video_id + "' frameborder='0' type='text/html'></iframe>";

                var final1 = "<div id='title'>" + video_title + "</div><div>" + video_frame + "            </div><div id='count'>" + video_viewCount + " Views</div>";
                   $("#result").html(final1);
             });
            } else {
                $("#result").html("<div id='no'>No Video</div>");
            }
        }
    });
         }


      <input type="text" id="Search" />
      <br/>
       <input id="show" type="button" value="Submit" />
         <div id="result"></div>

Answer 1

您正在渲染视频帧，这就是导致它在列表中渲染 youtube 帧的原因。像下面一样删除它，它应该可以工作。

var final1 = "<div id='title'>" + video_title + "</div><div id='count'>" + video_viewCount + " Views</div>";
               $("#result").html(final1);