[debugging] Que signifie status = annulé pour une ressource dans Chrome Developer Tools?


8 Answers

status = cancelled peut arriver aussi sur les requêtes ajax sur les évènements JavaScript:

<script>
  $("#call_ajax").on("click", function(event){
     $.ajax({
        ...    
     });
  });
</script>

<button id="call_ajax">call</button> 

L'événement envoie la demande avec succès, mais elle est annulée ensuite (mais traitée par le serveur). La raison en est que les éléments soumettent des formulaires sur les événements click, peu importe si vous faites des requêtes ajax sur le même événement click.

Pour empêcher l'annulation de la requête, JavaScript event.preventDefault (); doivent être appelés:

<script>
  $("#call_ajax").on("click", function(event){
     event.preventDefault();
     $.ajax({
        ...    
     });
  });
</script>
Question

Qu'est-ce qui provoquerait l'annulation d'une page? J'ai une capture d'écran des outils de développement Chrome.

Cela arrive souvent, mais pas à chaque fois. Il semble qu'une fois que d'autres ressources sont mises en cache, une actualisation de page chargera LeftPane.aspx. Et ce qui est vraiment étrange, c'est que cela se produit uniquement dans Google Chrome, pas Internet Explorer 8. Des idées pour lesquelles Chrome annulerait une demande?




Une demande annulée m'est arrivée lors de la redirection entre des pages sécurisées et non sécurisées sur des domaines distincts au sein d'une iframe. La requête redirigée a montré dans les outils de dev une requête "annulée".

J'ai une page avec un iframe contenant un formulaire hébergé par ma passerelle de paiement. Lorsque le formulaire dans l'iframe a été soumis, la passerelle de paiement redirige vers une URL sur mon serveur. La redirection a récemment cessé de fonctionner et s'est terminée par une requête "annulée".

Il semble que Chrome (j'utilisais Windows 7 Chrome 30.0.1599.101) ne permettait plus une redirection dans l'iframe pour aller à une page non sécurisée sur un domaine séparé. Pour résoudre ce problème, je me suis juste assuré que toutes les requêtes redirigées dans l'iframe étaient toujours envoyées à des URL sécurisées.

Lorsque j'ai créé une page de test plus simple avec seulement un iframe, il y avait un avertissement dans la console (que j'avais précédemment manqué ou peut-être pas montré):

[Blocked] The page at https://mydomain.com/Payment/EnterDetails ran insecure content from http://mydomain.com/Payment/Success

La redirection est devenue une demande annulée dans Chrome sur PC, Mac et Android. Je ne sais pas si cela est spécifique à la configuration de mon site web (SagePay Low Profile) ou si quelque chose a changé dans Chrome.




J'ai eu exactement la même chose avec deux fichiers CSS qui ont été stockés dans un autre dossier en dehors de mon dossier css principal. J'utilise Expression Engine et j'ai trouvé que le problème était dans les règles de mon fichier htaccess. J'ai juste ajouté le dossier à l'une de mes conditions et il l'a réparé. Voici un exemple:

RewriteCond %{REQUEST_URI} !(images|css|js|new_folder|favicon.ico)

Il peut donc être utile de vérifier votre fichier htaccess pour tout conflit potentiel




J'ai eu cette erreur dans Chrome lorsque j'ai redirigé via JavaScript:

<script>
    window.location.href = "devhost:88/somepage";
</script>

Comme vous voyez, j'ai oublié le 'http: //' . Après l'avoir ajouté, ça a marché.




Dans mon cas, le code permettant d'afficher la fenêtre du client de messagerie a empêché Chrome de charger les images:

document.location.href = mailToLink;

le déplacer à $ (window) .load (function () {...}) au lieu de $ (function () {...}) aidé.




Pour mon cas, j'ai eu une ancre avec un événement de clic comme

<a href="" (click)="onClick($index, hour, $event)">

À l'intérieur de l'événement de clic j'ai eu un certain appel de réseau, chorme annulant la demande. L'ancre a href avec "" signifie essayer d'aller route initiale (vide) et en même temps il a l'événement de clic avec l'appel de réseau! Chaque fois que je remplace le href avec vide comme

<a href="javascript:void(0)" (click)="onClick($index, hour, $event)">

Le problème est parti!




Une autre chose à surveiller pourrait être l'extension AdBlock, ou les extensions en général.

Mais "beaucoup" de gens ont AdBlock ....

Pour exclure les extensions, ouvrez un nouvel onglet en mode incognito en vous assurant que "autoriser en incognito est désactivé" pour l'extension que vous voulez tester.




Pour toute personne venant de LoopbackJS et essayant d'utiliser la méthode de flux personnalisé comme fournie dans leur exemple graphique. Je recevais cette erreur en utilisant un PersistedModel , en passant à un Model base a résolu mon problème de l' eventsource état de la eventsource .

Encore une fois, ceci est spécifiquement pour l'api de loopback. Et puisque c'est une réponse top et top sur google je me suis dit que je jetterais ceci dans le mélange de réponses.




Voici ce qui m'est arrivé: le serveur retournait un en-tête "Location" malformé pour une redirection 302. Chrome n'a pas réussi à me le dire, bien sûr. J'ai ouvert la page dans Firefox, et immédiatement découvert le problème. Nice d'avoir plusieurs outils :)






Related