2016-08-24 55 views
0

我想要做實時搜索,並且需要使用第二個Ajax調用中的第一個ajax調用的id值。嵌套的ajax調用的值從第一個到第二個Ajax調用的url

當我在搜索中輸入快速信息時獲取信息,但如果再次搜索或繼續搜索,我會得到此信息,而外部ajax將不會再次被調用。

GET http://api.themoviedb.org/3/movie/366924/videos?api_key=KEYHERE ... 9a6ebe &回調= jQuery1102017797202615180896_1472038138300 & _ = 1472038138301

 $('#movie-search') 
     .keyup(function() { 
      var input = $('#movie-search').val(), 
       movieName = encodeURI(input); 

       if (input.length > 3) { 
        $("#myList").empty(); 

         $.ajax({ 
         url: url + searchMode + apiKey + '&query=' + movieName, 
         dataType: 'jsonp', 
         success: function(data) { 
          console.log(data.results); 
          resultArray = data.results; 
         } 
        }) 
         .then(function() {  

          $.each(resultArray, 
           function (index, value) {      
           console.log(value.id); 

           var searchVideo = 'movie/' + value.id + '/videos'; 

           $.ajax({ 
            url: url + searchVideo + apiKey, 
            dataType: 'jsonp', 
            success: function() { 

             $("#myList").append("stuffs"); 

            } 
           }); 

          }); 

          }); 
         } 

         $(this).change(); 

        }); 
+0

你能在www.jsbin.com創建一個活生生的例子或www.jsfiddle.net? – Marian07

+0

錯誤是什麼?這看起來像一個網絡地址 –

+0

@ Marian07 - 你想讓他分享他的API密鑰? –

回答

0

試一試 -

$('#movie-search') 
    .keyup(function() { 
     var input = $('#movie-search').val(); 
     var movieName = encodeURI(input); 

      if (input.length > 3) { 
       $("#myList").empty(); 

       $.ajax({ 
       url: url + searchMode + apiKey + '&query=' + movieName, 
       dataType: 'jsonp', 
       success: function(data) { 
        console.log(data.results); 
        resultArray = data.results; 
        $.each(resultArray, 
        function(index, value) { 
         console.log(value.id); 
         var searchVideo = 'movie/' + value.id + '/videos'; 

         $.ajax({ 
         url: url + searchVideo + apiKey, 
         dataType: 'jsonp', 
         success: function() { 
          $("#myList").append("stuffs"); 
         } 
         }); 

        }); 
       } 
       }); 
      } 

     $(this).change(); 
    }); 
相關問題