jquery 변수에 양식 인수를 전달하고 그 결과를 표시하려면 어떻게해야합니까?

Question

프로그래밍에 익숙하지 않아서 뭔가 일하는 데 어려움을 겪고 있습니다. 나는 그 ID로 YouTube 재생 목록을 가져 와서 표시하는 작업 jquery를 만들었습니다.

코드는 http://jsfiddle.net/tqWxc/814/

매번 내가 내가 코드를 수동으로 편집하고을 chenage 필요가 개의 다른 재생 목록을 당길 필요가 .... 재생 목록은 여기

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

전체 코드입니다 보유 재생 목록 ID. 내가 할 수 있기를 원하는 것은 사용자가 재생 목록 ID -> 제출 -> 재생 목록 콘텐츠를 표시하는 양식을 만드는 것입니다.

어떻게하면 좋겠습니까?

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