jQuery: attendere il completamento della funzione per continuare l'elaborazione?

Question

Ciao a tutti. Ho, quello che sembra essere, un problema banale. Ho il seguente JavaScript:

$(function() { 
    var r = GetResults(); 

    for(var i = 0; i < r.length; i++) { 
     // Do stuff with r 
    } 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     return data; 
    }); 
} 

A causa del fatto che sto chiamando un metodo in modo asincrono, lo script continua esecuzione e quando incontra il ciclo for, r ovviamente non è intenzione di avere ancora un valore. La mia domanda è: quando ho un metodo che sta facendo un'operazione asincrona, e sono dipendente dai dati che ritorna nel blocco principale, come posso interrompere l'esecuzione fino a quando i dati non vengono restituiti? Qualcosa di simile:

var r = GetResults(param, function() { 

}); 

dove la funzione è una funzione di richiamata. Non riesco a spostare l'elaborazione for loop nella funzione di callback della richiesta JSON perché sto riutilizzando la funzionalità di GetResults più volte in tutta la pagina, a meno che non voglia duplicare il codice. Qualche idea?

Answer 1

sposta il blocco "do stuff with r" nel callback $ .getJSON. non puoi fare cose con r fino a quando non è stato consegnato, e la prima opportunità che dovrai usare r è nel callback ... quindi fallo allora.

$(function() { 
    var r = GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
     return data; 
    }); 
} 

Answer 2

Si potrebbe fare questo:

$(function() { 
    PerformCall();   
}); 

function PerformCall() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 
} 

Answer 3

Questo non è possibile.

O si esegue la funzione in modo sincrono oppure si modifica il progetto del codice per supportare l'operazione asincrona.

Answer 4

Spostare il trattamento dei dati nel callback:

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 

     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
} 

Answer 5

Ajax si dà già una richiamata, si suppone di usarlo:

function dostuff(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
}; 
$(document).ready(function() { 
    $.getJSON("/controller/method/", null, dostuff); 
}); 

Answer 6

La risposta breve è che non si può bloccare su un'operazione asincrona ... che è, naturalmente, il significato di "asincrono".

Al contrario, è necessario modificare il codice per utilizzare una richiamata per attivare l'azione in base ai dati restituiti dalla chiamata $.getJSON(...). Qualcosa come il seguente dovrebbe funzionare:

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
    }); 
} 

Answer 7

Attribuite le vostre esigenze aggiornati ...

non riesco a spostare il ciclo per l'elaborazione nella funzione di callback della richiesta JSON perché sto riutilizzare il funzionalità di GetResults diverse ore in tutta la pagina, a meno che I voglia duplicare il codice. Qualche idea?

... è possibile modificare GetResults() ad accettare una funzione come parametro, che si sarebbe poi eseguire come $.getJSON callback (un'avvertenza relativa al codice d'aria):

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
}); 

function GetResults(callback) { 
    $.getJSON("/controller/method/", null, callback); 
} 

Come si può vedere dal generale La marea di risposte, è meglio non provare a combattere il modello di programmazione jQuery asincrono.:)

Answer 8

si può avere un callback con i parametri che dovrebbero funzionare bene ...

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 

}); 

function GetResults(func) { 
    $.getJSON("/controller/method/", null, func); 
} 

Answer 9

ho incontrato qualcosa di simile prima. Dovrai eseguire la chiamata ajax in modo sincrono.

Ecco il mio esempio di lavoro:

$.ajax({ 
    type: "POST", 
    url: "/services/GetResources", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: '{resourceFileName:"mapedit",culture:"' + $("#lang-name").val() + '"}', 
    cache: true, 
    async: false, // to set local variable 
    success: function(data) { 
     localizations = data.d; 
    } 
});