-4

我不喜欢编程,所以我很难找到工作。我设法想出了一个有效的 jquery,它通过它的 ID 拉出一个 youtube 播放列表并显示它。

保存播放列表的代码是

var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/PL60038DE2D1B1A21C?v=2&max-results=5&alt=json&callback=?';

这是完整的代码.... http://jsfiddle.net/tqWxc/814/

每次我需要提取不同的播放列表时,我都需要手动编辑代码并更改播放列表 ID。我想要做的是创建一个表单,用户在其中放置播放列表 ID -> 提交 -> 显示播放列表内容

我怎么能做到这一点?

4

2 回答 2

1

您不想使用表单,因为这会提交页面,并且您基本上会丢失输入的值。相反,您可能希望在元素(在本例中为 a )上创建一个单击处理程序,button并在用户单击该按钮时进行监听。一旦他们这样做了,您就想要获取输入框中的值并将其推送到您的 ajax 调用的 URL 字符串中。您还可以添加一些错误检查逻辑,但下面是一个简单的示例

HTML:

<input></input>
<button>submit</button>​

jQuery:

$(document).ready(function(){
    var playlistId = "";

    $("button").on("click", function(){
      playlistId = $("input").val();
      var playlistURL = 'http://gdata.youtube.com/feeds/api/playlists/' + playlistId + '?v=2&max-results=5&alt=json&callback=?';
       console.log(playlistURL) 
      //make your ajax call with platListURL
    });
});​
于 2012-11-15T21:05:55.157 回答
1

只需为播放列表在该字符串中的位置创建一个变量。

var playlistID = '12345';
var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/' + playlistID + '?v=2&max-results=5&alt=json&callback=?';
于 2012-11-15T20:59:35.803 回答