È possibile interrompere le richieste di lettura "backbone"

Question

Ho un'applicazione backbone con un numero di visualizzazioni. Il passaggio da una vista all'altra attiva le richieste Ajax per ottenere raccolte diverse. Vorrei interrompere l'attuale richiesta "legge" ajax se ne viene avviato uno nuovo. È possibile?

Answer 1

Ok ecco quello che ho fatto

sto salvando il la le richieste di recupero in una variabile

app.fetchXhr = this.model.fetch(); 

Nel mio router, ho una funzione che si prende cura di chiudere i punti di vista e rendere viste . Si occupa anche dell'attivazione di eventuali trigger necessari per ogni cambio di visualizzazione ma ciò non è rilevante in questa domanda.

Prima di fare qualsiasi cosa, questa funzione router esegue il seguente

//Stop pending fetch 
if(app.fetchXhr.readyState > 0 && app.fetchXhr.readyState < 4){ 
    app.fetchXhr.abort(); 
} 

Spero che questo aiuta

Answer 2

Presumo che tu stia utilizzando il backbone con jQuery. Se è così, la seguente domanda sembra fornire una risposta per voi:

Abort Ajax requests using jQuery

Backbone fetch restituisce il xhr stanno parlando, IIRC.

Answer 3

Probabilmente una risposta in ritardo :)

Usa timeout per specificare un valore di timeout. Questo attiverà la funzione di errore. Qui la query può essere interrotta.

C'è qualche motivo per cui vuoi interrompere la query?

Answer 4

Un'altra risposta tardiva nel caso in cui qualcun altro si imbattesse in questo.

Ho finito per sovrascrivere Backbone.sync per aggiungere un pool di oggetti XHR e un'opzione per interrompere le richieste in sospeso su fetch.

var sync = Backbone.sync 
    , xhrPool = []; 

Backbone.sync = function(method, model, options) { 
    options = options || {}; 
    if (method === 'read') { 
    if (options.abortPending == true) {  
     for (var i = 0; i < xhrPool.length; i++) { 
     if (xhrPool[i]['readyState'] > 0 && xhrPool[i]['readyState'] < 4) { 
      xhrPool[i].abort(); 
      xhrPool.splice(i, 1); 
     } 
     } 
    } 

    // cleanup xhrPool 
    // todo: make removal from the pool an 'always' jqXHR callback 
    // instead of cleanup on every read? 
    for (var i = 0; i < xhrPool.length; i++) { 
     if (xhrPool[i]['readyState'] === 4) { 
     xhrPool.splice(i, 1); 
     } 
    } 

    var xhr = sync(method, model, options); 
    xhrPool.push(xhr); 
    return xhr; 
    } else { 
    return sync(method, model, options); 
    } 
};