Wyświetl zawartość odpowiedzi AJAX w narzędziach dla programistów Chrome?

Question

Tradycyjnie używam FireBug do debugowania żądań AJAX. Pozwala to sprawdzić zarówno treść żądania, jak i odpowiedź, która została odesłana z serwera. (powiadomi cię również w konsoli, kiedy to nastąpi, co jest przydatną funkcją, której Chrome wydaje się brakować).

W Chrome mogę tylko wyświetlać żądania, a nie odpowiedzi. Kiedy próbuję sprawdzić odpowiedź, interfejs wyświetla tylko "Brak dostępnych treści" (Narzędzia dla programistów> Zasoby> myRequest.php> Treść). Czy muszę włączyć coś, aby narzędzia dla programistów Chrome zapamiętały te żądania?

EDYCJA: Jeśli ma to znaczenie, te żądania są wprowadzane wewnątrz obiektu Flash.

Answer 1

Treść odpowiedzi ajax nie jest jeszcze widoczna, jeśli żądanie jest generowane przez wtyczkę. Jest szansa, że ​​ten problem zostanie wkrótce rozwiązany.

Answer 2

Włącz śledzenie zasobów, a następnie sprawdź zakładkę zasobów. Śledzenie zasobów wydaje się działać znacznie lepiej, jeśli zaznaczysz "zawsze korzystaj z funkcji śledzenia zasobów".

Answer 3

Jeśli jesteś na kanale dev Google Chrome:

http://www.chromium.org/getting-involved/dev-channel

... powinien być w stanie kliknąć prawym przyciskiem w konsoli narzędzi programisty, a następnie kliknij „Włącz rejestrowanie XMLHttpRequest”.

Po włączeniu pojawi się żądanie XHR w konsoli i będzie można je kliknąć, aby przejść do panelu zasobów, gdzie będzie można zobaczyć zawartość XHR.

Answer 4

W wywołaniu zwrotnym fail pierwszy parametr ma właściwość o nazwie responseText.

Answer 5

Wystąpił ten sam problem: żądanie POST z lampy błyskowej + odpowiedź JSON + brak odpowiedzi wyświetlanej w inspektorze przeglądarki Chrome. Nie ma problemu z FF + FireBug.

Dodajesz charset = UTF-8 Content-Type w nagłówkach odpowiedzi rozwiązał problem dla mnie:

Content-Type: application/json; charset = utf-8

Nie jestem pewien, czy to jest właściwe rozwiązanie tego problemu, ale przynajmniej jestem w stanie zobaczyć teraz odpowiedź JSON w Inspektorze Chrome.

Answer 6

miałem pustą odpowiedź ponieważ skrypt wysyłał pustych danych przez

die(); 

Answer 7

Co może być wyświetlany jest tylko OPTIONS prośba o zamówienie Cors jest traktowany jako wniosek użyciem nagłówków XHR przez Google Chrome inspektora. Jeśli więc filtrujesz według żądań XHR, możesz zobaczyć tylko początkowe żądanie inspekcji OPTIONS, którego odpowiedź nie ma treści, i możesz się pomylić, ponieważ wygląda na to, że Chrome odmawia wyświetlenia odpowiedzi. Wyłącz filtr i przejdź do następnego żądania dla tego samego adresu URL, który najprawdopodobniej będzie "prawdziwym" żądaniem odpowiadającym temu żądaniu wstępnemu CORS.

Answer 8

Przyczyną może być nie tylko chrom, ale także podgląd może zostać zatrzymany nawet za pomocą kodu JS. Na przykład, istnieje pewna wtyczka dla Vue.js o nazwie vue-resorcese, która miała ten problem: Chrome, no response data after OPTIONS request? Mieszkałem z tym problemem kilka miesięcy, aż znalazłem to pytanie dzisiaj.Aktualne pytanie nigdy nie dało odpowiedzi, więc teraz je udostępniam tutaj.

Szczegóły: Wtyczka ta miała następny kod, który tworzy obiekt XHR:

if ('responseType' in xhr && SUPPORTS_BLOB) { 
     xhr.responseType = 'blob'; 
} 

Kod ten był ok i podgląd pracował ale do jakiejś aktualizacji chrom. Dzisiaj, gdy skomentowałem to, ponownie pojawił się podgląd! Najpierw sprawdź zawartość opakowania XHR, może być coś takiego.

To był rzadki problem, ponieważ został odtworzony tylko z preflightiem CORS. BTW klikając prawym przyciskiem myszy na OPTIONS XHR i REPLAY również pokazał podgląd.

Masz to