Question

我没有进行编程，所以我有一些困难得到了一些工作。我已经设法找到一个工作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的表单 - ＆gt;提交 - ＆gt;显示播放列表内容

我怎么能知道这个？

Answer 1

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

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

Answer 2

您不希望使用表单，因为这会提交页面，您实际上会丢失输入的值。相反，您可能希望在元素上创建一个单击处理程序（在本例中为button），并在用户单击该按钮时进行侦听。完成后，您希望获取输入框中的值并将其推送到您的ajax调用的URL字符串中。您还可以添加一些错误检查逻辑，但下面是一个简单的 example ：

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

如何将表单参数传递给jquery变量并显示结果？

2 个答案: