obsługuje błąd ajax, gdy użytkownik klika odświeżenie

Question

Przepraszam, jeśli jest to coś, co powinienem był w stanie sprawdzić. wszystkie terminy, które chciałem, były przeciążone.

Oto mój problem: kiedy otwieram stronę, uruchamia ona całą serię wywołań ajaxowych. jeśli wtedy wciśnięto Shift + Refresh, wszystkie te wywołania ajaxowe są uważane za błędy i wyświetlające okna dialogowe z komunikatami o błędach przed ponownym załadowaniem całej strony.

, więc błąd jest wywoływany przez klienta - czy mimo to mogę sprawdzić, czy tak jest, więc mogę go zignorować? np w XMLHttpRequest, lub w funkcji ajax (używam jQuery przy okazji)

Answer 1

[Jest to edycja z poprzedniej odpowiedzi, która miała znakomite pytania, które mam od rozwiązany]

jQuery rzuca zdarzenia błędu kiedy użytkownik odejdzie od strony, odświeżając, klikając łącze lub zmieniając adres URL w przeglądarce. Można wykryć te typy błędów, poprzez wdrożenie programu obsługi błędu dla wywołania AJAX i kontroli obiektu XMLHttpRequest:

$.ajax({ 
    /* ajax options omitted */ 
    error: function (xmlHttpRequest, textStatus, errorThrown) { 
     if(xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0) 
       return; // it's not really an error 
     else 
       // Do normal error handling 
}); 

Answer 2

var isPageBeingRefreshed = false; 

window.onbeforeunload = function() { 
    isPageBeingRefreshed = true; 
}; 

$.ajax({ 
    error: function (xhr, type, errorThrown) { 
     if (!xhr.getAllResponseHeaders()) { 
      xhr.abort(); 
      if (isPageBeingRefreshed) { 
       return; // not an error 
      } 
     } 
    } 
}); 

Answer 3

powyższych technik nie działa na okresowo orzeźwiającym strony (na przykład co pół sekundy). Zorientowałem się, że błąd spowodowany odświeżaniem strony można uniknąć, opóźniając proces obsługi błędów o niewielki czas.

przykład:

$.ajax(...) 
.success(...) 
.error(function(jqXHR) { 
setTimeout(function() { 
    // error showing process 
}, 1000); 
}); 

Poza tą

window.onbeforeunload = funkcja() {// połączeń zatrzymania ajax}

zdarzenia mogą być wykorzystane do rzadziej odświeżanie wywołań ajaxowych.

Answer 4

Istnieje kilka jak je podejść do wykrywania tego:

• Kilka sugerują stosowanie beforeunload obsługi, aby ustawić logiczną flagi tak, że obsługi błędów może wiedzieć, że strona jest rozładowany (Zobacz listę powiązanych/zduplikowanych postów poniżej). To jest świetne, z wyjątkiem tego, że mobile Safari on iOS doesn't support the beforeunload event.

• Sachindra suggested Podejście polegające na tym, że zamiast natychmiastowo uruchomić funkcję błędu, zostało opóźnione o sekundę w setTimeout(..., 1000). W ten sposób istnieje duża szansa, że ​​strona zniknie w momencie wywołania procedury obsługi błędów. "Dobra szansa". Założę się, jeśli mam ogromną stronę z np. wielu z nich może zająć więcej niż 1 sekundę, aby zwolnić, a następnie prawdopodobnie obsługa błędu i tak by się uruchomiła.

Proponuję zatem kombinację reliably detecting beforeunload support a jeśli beforeunload nie jest obsługiwana (kaszel iPad/iPhone kaszel) powróci do Sachindra zwłoki sztuczki.

Zobacz pełne rozwiązanie z detekcją beforeunload i wszystko w tym jsfiddle.

Wygląda na to, że sytuacja wygląda następująco: a little better for jQuery 2.x than for 1.x, ale 2.x również wydaje się nieco flakey, więc nadal uważam tę sugestię za rozsądną.

P.S: Były również sugestie dotyczące testowania niektórych pól w obiekcie XHR/jqXHR. (Here i here). Nie natknąłem się na kombinację, która mogłaby odróżnić nawigację użytkownika i ponowne uruchomienie serwera podczas długotrwałego wywołania AJAX, dlatego też nie przydał mi się ten sposób.

To jest naprawdę również odpowiedzią na te związane/powielanych pytania przepełnienie stosu:

• jQuery AJAX fires error callback on window unload?
• $.ajax calls success handler when request fails because of browser reloading
• How best to handle errors during jquery ajax calls caused by user clicking on links
• Detecting that a jQuery.ajax call failed because the page is reloading?

a te posty poza stos Przelew:

• What's the proper way to deal with AJAX error because of page reload?
• How to Distinguish a User-Aborted AJAX Call from an Error | I like stuff.

Answer 5

wersja połączeniu z nisanth074 i Peter V. Mørch odpowiedzi, który pracował dla mnie.

Przykład:

var isPageBeingRefreshed = false; 

$(window).on('beforeunload', function(){ 

    isPageBeingRefreshed = true; 
}); 

$.ajax({ 

    // Standart AJAX settings 

}).error(function(){ 

    if (!isPageBeingRefreshed) { 

     // Displaying error message 
    } 
});