Chrome은 JSON AJAX 응답을 일반 텍스트가 아닌 트리로 표시합니다.


215

나는 이것에 대한 답을 찾을 수 없습니다 :

내 AJAX 호출은 JSON 데이터를 반환합니다. 왼쪽의 리소스를 클릭 한 다음 콘텐츠 탭에서 Chrome 개발자 도구> 리소스> XHR에서 JSON 문자열을 Firebug 및 Firebug Lite처럼 트리가 아닌 문자열로 표시합니다.

Chrome에서 트리로 표시하도록하려면 어떻게해야하나요? 내 PHP 파일에 있어야하는 콘텐츠 유형이 있습니까 ???

나는 대답을 알고 행복하게 생각합니다!

감사합니다 Stefanos


@Matt McClure의 답변은 다음과 같습니다.
bcm

문자열은 작은 따옴표 때 나는 또한 ' "대신 큰 따옴표의 변화'"트리 구조를 점점 문제가 있었 도움
매트

답변:


426

최신 버전의 Chrome에서 트리보기를 보려면 다음 단계를 따르세요.

개발자 도구> 네트워크> 지정된 응답> 미리보기로 이동하십시오.


105
"미리보기"탭을 완전히보고 "응답"탭을보고있었습니다. 감사!
Ted Naleid

8
그러나 나는 이것을 얻기 위해 올바른 내용 유형을 가져야한다고 생각합니다.
alexserver

4
예, 축소 가능한 드롭 다운 메뉴를 제공하려면 크롬에 지정된 유효한 "application / json"콘텐츠 유형이 필요합니다.
tweak2

5
Headers 탭에서는 "raw"와 "parsed"사이를 전환 할 수 있으므로 Response 탭에서 유사한 "parsed"보기를 제공 할 것으로 기대하기 때문에 실제로는 조금 덜 직관적입니다.
G. Stoynev

1
나는 그것이 실제로 나무 대신 JSON이기를 바란다
Simon_Weaver

57

Chrome은 이제 이것을 지원합니다 ( Developer Tools > Network > [XHR item in list] Preview).

또한 타사 도구를 사용하여 json 컨텐츠를 형식화 할 수 있습니다. 여기 의 하나 선물 트리보기, 그리고 여기가 '단순히 텍스트를 포맷 (및 검증 않습니다) 또 다른이야.


6

JSON 데이터의 올바른 컨텐츠 유형은 application/json입니다. 나는 그것이 당신이 놓친 것이라고 가정합니다.


6
불행히도 여전히 Chrome에서 JSON 문자열을 트리로 변환하지는 않습니다. 그래도 고마워!
GRboss

3

답을 찾았습니다.

당신이처럼 JSON을 인코딩해야 {"c":21001,"m":"p"}하지만 {c:21001,m:"p"}{'c':21001,'m':'p'}

따라서 dict의 키는 큰 따옴표로 묶어야합니다. "그러면 크롬이 일반 텍스트가 아닌 json으로 미리 봅니다.


7
첫 번째 것은 유효한 JSON이고 다른 예제는 유효하지 않기 때문입니다 (유효한 자바 스크립트 임에도 불구하고). 참조 : simonwillison.net/2006/oct/11/json
styfle

2

JSON 메시지를 올바르게 표시하려면 "application / json"MIME 유형이 있어야하며 올바르게 구조화되어야합니다.

여기서 구조를 확인할 수 있습니다




0

마지막 답변 이후 Chrome 이이 기능을 추가했는지 확실하지 않지만 다음과 같이 json 응답을 볼 수있었습니다 ...

  • 요청이있는 페이지에서 브라우저에서 개발자 도구 열기
  • 요청 제출
  • 개발자 도구- "콘솔" 탭-확장 할 자원 아래의 "오브젝트"트리를 클릭하십시오.

... 응답을 무엇을 요구하고 무엇이 반환되는지를 보여주는 읽기 가능한 계층 구조로 볼 수있었습니다. (네트워크 또는 리소스 탭에는 도움이 될만한 것이 없었습니다.)

행복한 요청!


-1

Chrome 확장 프로그램을 사용할 수 있습니다. JSONView 형식이 지정된 모든 json 결과가 브라우저에 직접 표시됩니다.


2
OP는 개발 도구에 표시된 json 코드에 대해 구체적으로 질문했습니다.
digout
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.