Czy można zatrzymać żądanie "odczytu" kręgosłupa

Question

Mam aplikację szkieletową, która ma wiele widoków. Przełączanie między widokami uruchamia żądania Ajax, aby uzyskać różne kolekcje. Chciałbym zatrzymać aktualną prośbę ajaxową, jeśli zostanie rozpoczęta nowa. Czy to możliwe?

Answer 1

Ok, więc tutaj jest to, co zrobiłem

ja zapisując fetch żądania w zmiennej

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

W moim routerze, mam funkcję, która dba o zamknięciu poglądy i renderowania widoki . Dba również o wyzwalanie wszelkich wyzwalaczy wymaganych dla każdej zmiany widoku, ale nie ma to znaczenia w tym pytaniu.

Zanim cokolwiek, to funkcja routera wykonuje następujące

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

Mam nadzieję, że to pomoże

Answer 2

Zakładam, że używasz szkieletu z jQuery. Jeśli tak, to następujące pytanie wydaje się stanowić odpowiedź dla Ciebie:

Abort Ajax requests using jQuery

Backbone fetch zwraca xhr Mówią o, IIRC.

Answer 3

Prawdopodobnie późną odpowiedź :)

Wykorzystanie limitu czasu, aby określić wartość limitu czasu. Spowoduje to wyłączenie funkcji błędu. Tutaj zapytanie może zostać przerwane.

Czy istnieje jakiś powód, dla którego chcesz przerwać zapytanie?

Answer 4

Jeszcze jedna spóźniona odpowiedź na wypadek, gdyby ktoś inny się na to natknął.

Skończyło się na zastąpieniu Backbone.sync, aby dodać pulę obiektów XHR i opcję przerwania oczekujących żądań przy pobieraniu.

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