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

【问题标题】：How can I pass a form argument to a jquery variable and display it´s results?如何将表单参数传递给 jquery 变量并显示它的结果？
【发布时间】：2012-11-04 13:19:46
【问题描述】：

我不喜欢编程，所以我很难找到工作。我设法想出了一个有效的 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 -> 提交 -> 显示播放列表内容

我该怎么做呢？

【问题讨论】：

这个问题和stackoverflow.com/questions/13388788/…有什么不同？

标签： php jquery forms youtube playlist

【解决方案1】：

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

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

【讨论】：

是的，但是我如何将表单中的值传递给“var playlistID”我需要用户将 PlaylistID 输入表单，当他点击提交时，它将发送 ID到变量并显示代码。我希望我的解释很清楚。谢谢

【解决方案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
    });
});

【讨论】：

酷。上面写着“//用 platListURL 进行 ajax 调用”我应该把我的代码放在哪里？我试过了，不行！我在字段中输入播放列表 ID 并点击提交，但没有任何反应！ :-( 我可能做错了什么！
@Andre - 这是一个包含我们的代码的更新链接：jsfiddle.net/ChaseWest/tqWxc/826，但是，视频似乎并没有出现在我面前，而且我现在实际上正在工作并且没有很多时间。如果有机会，请查看，如果发现问题，请在此处发布。