Próbuję przejść przez tablicę wyślij do pliku PHP i na wywołaniu wyślij kolejnej wartości po zakończeniu pobrania PHP. Tutaj, co mam do tej pory.

Moja tablica przychodzi w następujący sposób.

["http://example.com/test1.zip", "http://example.com/test2.zip", "http://example.com/test3.zip", "http://example.com/test4.zip", "http://example.com/test5.zip"] 

Powyżej jest wyjście z konsoli.log (wartości); poniżej. Chwyta pewne adresy URL z wartościami wyboru.

$('.geturls').live('click',function(){

    var values = new Array();
    $.each($("input[name='downloadQue[]']:checked"), function() {
      values.push($(this).val());

       ajaxRequest($(this).val(),function(response){

            console.log(response);

       });  

    });

    console.log(values);

    return false;
});

Wtedy wywołuje funkcję AJAX, którą próbuję połączyć się.

function ajaxRequest(urlSend,callback){

    var send = {
            url: urlSend
        }

    $.ajax({
          type: "POST",
          url: "<?php echo base_url(); ?>index.php/upload",
          data: send,
          //dataType: "json",
          //timeout: 8000,
          beforeSend: function() {

          },
          success: function(response) {

             callback('added');

          },
          error: function (response) {

                     callback('false');

          }
     });


}

Następnie wyśle do pliku PHP.

function upload(){
   $output = shell_exec("wget {$_POST['url']} 2>&1");      
   return true;
}

Próbuję to zrobić po wywołaniu wywołania wywoływania jednego adresu URL, który w pełni pobrano, a następnie pobrać kolejną wartość z tablicy i pobrać ten adres URL i tak dalej, aż wszystkie adresy URL w tablicy są całkowicie pobierane.

W tej chwili po prostu pobiera pierwszą wartość, a następnie zawiesza się, ponieważ nie uruchomi się ponownie pętli po zwróceniu wartości powrotu True True.

Mam nadzieję, że to ma sens dla kogoś, kto poszukuje pomocy w najlepszym sposobie pętli przez tablicę wartości z wywołaniem zwrotnym po zakończeniu.

0
user1503606 23 wrzesień 2012, 17:39

2 odpowiedzi

Najlepsza odpowiedź

Może być ta struktura może ci pomóc. W tym wariancie idziesz następny adres URL dopiero po pomyślnym zakończeniu poprzedniego połączenia AJAX.

    var arr = ['url0','url1','url2','url3'];
    var index = 0;

    function Run(){
         DoAjax(arr[index]);
    }
    function Next( ){
        if(arr.count = index-1)
        {
             index =0;
             return;  
        }else{
           DoAjax(arr[index ]);
        }
    }    

    function DoAjax(url){

         $.ajax({
          type: "POST",
          url: url,
          data: send,
          beforeSend: function() {

          },
          success: function(response) {
             index ++;
             Next();
             // Addition logic if needed
          },
          error: function (response) {

          }
     });
    }

Run()
2
Guy Coder 1 październik 2012, 00:00

Teraz, gdy mam trochę więcej czasu, myślałem, że dobrze jest pokazać alternatywę, która korzysta z faktu, że JQuery Ajax jest obecnie realizowany jako odroczone. Co oznacza, że możesz użyć łańcucha rur, aby wykonać wszystkie prace dla Ciebie. Wyeliminowałem również połączenia zwrotne, korzystając z odroczonego zachowania.

To powinno dać ci pomysł.

// Use jquery deferred pipe chaining to force 
// async functions to run sequentially


var dfd = $.Deferred(),
    dfdNext = dfd,
    x,
    values = [],

    // The important thing to understand here is that 
    // you are returning the value of $.ajax to the caller.
    // The caller will then get the promise from the deferred.
    ajaxRequest = function (urlSend) {

        var send = {
            url: urlSend
        }

        return  $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>index.php/upload",
            data: send,
        });
    };


// Starts things running.  You should be able to put this anywhere 
// in the script, including at the end and the code will work the same.

dfd.resolve();


// Deferred pipe chaining.  This is the main part of the logic.
// What you want to note here is that a new ajax call will 
// not start until the previous
// ajax call is completely finished.
// Also note that we've moved the code that would
// normally be in the callback.
// Finally notice how we are chaining the pipes by
// replacing dfdNext with the return value from the
// current pipe.
for (x = 1; x <= 4; x++) {

    values.push(x);

    dfdNext = dfdNext.pipe(function () {
        var value = values.shift();
        return requestAjax(value).
            done(function(response) {
                // Code here that you would have 
                // put in your callback.
                console.log(response);
            }).
            fail(function(response) {
                console.log(response);
            };

    });

}

Przykład roboczy Możesz grać w JSFiddle.

0
Todd Chaffee 26 wrzesień 2012, 20:38