Voir le contenu de la réponse AJAX dans les outils de développement Chrome?
traditionnellement j'utilise FireBug pour déboguer mes requêtes AJAX. Il vous permet d'examiner à la fois le contenu de votre requête ainsi que la réponse qui a été envoyée depuis le serveur. (il vous avertit également dans la console lorsque ceux-ci se produisent, ce qui est une fonctionnalité utile que Chrome semble manquer).
dans Chrome, Je ne vois que les requêtes, pas les réponses. Lorsque j'essaie d'examiner la réponse, L'interface utilisateur affiche simplement "pas de contenu disponible" (Developer Tools > Ressources > myRequest.php > Contenu). Dois-je allumer quelque chose pour que les outils de développement Chrome se souviennent de ces requêtes?
EDIT: En cas de questions, ces demandes sont faites à l'intérieur d'un objet Flash.
8 réponses
le contenu des réponses ajax n'est pas encore visible si la requête est générée par un plugin. Il y a peu de chance que ce problème va être résolu bientôt.
si vous êtes sur un canal dev de Google Chrome:
http://www.chromium.org/getting-involved/dev-channel
...vous devriez pouvoir cliquer avec le bouton droit de la souris sur la console des outils de développement et cliquer sur "Activer la journalisation XMLHttpRequest".
une fois qu'il est activé, vous verrez les requêtes XHR dans la console, et vous pourrez cliquer dessus pour vous rendre au panneau de ressources, où vous pourrez voir le contenu d'une XHR.
ce que vous pourriez voir n'est que la requête OPTIONS d'une requête CORS traitée comme une requête XHR par Google Chrome inspector. Donc, si vous filtrez par requêtes XHR, vous ne verrez peut-être que les OPTIONS initiales "preflight request", dont la réponse n'a pas de contenu, et serez confus car il semble que Chrome refuse de montrer la réponse. Désactiver le filtre et passer à la requête suivante pour la même URL, qui sera très probablement la requête "réelle" correspondant à ce CORS contrôle en amont de la demande.
j'ai rencontré le même problème: après la demande de flash + réponse JSON + pas de réponse affiché dans l'inspecteur de Chrome. Aucun problème avec FF + Firebugg cependant.
L'ajout de charset = utf-8 au type de contenu dans les en-têtes de réponse a résolu le problème pour moi:
Content-Type: application / json; charset=utf-8
Je ne suis pas sûr que ce soit la bonne solution pour ce problème, mais au moins je suis en mesure de voir maintenant la réponse de JSON en Inspecteur Chrome.
activez le suivi des ressources, puis vérifiez l'onglet Ressources. Le suivi des ressources semble fonctionner beaucoup mieux si vous cochez " Toujours utiliser le suivi des ressources."
j'ai eu une réponse vide parce que le script envoyait des données vides par
die();
dans le callback fail, le premier paramètre a une propriété appelée responsabiletext.
la raison peut être non seulement dans chrome, mais aussi prévisualisation peut être arrêté même par le code JS. Par exemple, il ya un certain plugin pour Vue.js appelé vue-resorcese , et il avait ce problème:
Chrome, pas de données de réponse après demande D'OPTIONS?
J'ai vécu avec ce numéro plusieurs mois avant de trouver cette question aujourd'hui. La question actuelle n'a jamais donné de réponse, donc je la partage maintenant ici.
détails: ce plugin avait le code suivant qui crée l'objet XHR:
if ('responseType' in xhr && SUPPORTS_BLOB) {
xhr.responseType = 'blob';
}
ce code était ok et l'aperçu a fonctionné, mais jusqu'à ce que quelque mise à jour chrome. Aujourd'hui, quand j'ai commenté ceci loin, preview est apparu à nouveau! Donc d'abord, essayez de vérifier votre emballage XHR, peut-être qu'il a quelque chose comme ça.
il s'agissait de la question rare parce qu'elle n'a été reproduite qu'avec le CORS preflight. Un clic droit sur le bouton OPTIONS XHR et le bouton REPLAY affichait aussi l'aperçu.
là vous l'avez