最初の値から秒までの値を持つネストされたajax呼び出しAjax呼び出しのurl

Question

ライブ検索を実行したいと思います.2番目のajax呼び出しのid値を使用する必要があります。

私は検索を速く入力すると情報が得られますが、もう一度検索したり続けると、これが得られ、外側のajaxはもう一度呼び出されません。

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(); 

        }); 

Answer 1

はこれを試してみてくださいGET -

$('#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(); 
    });