Google Chrome hiển thị phản hồi JSON AJAX dưới dạng cây chứ không phải dưới dạng văn bản thuần túy


215

Tôi không thể tìm thấy câu trả lời cho câu hỏi này:

Cuộc gọi AJAX của tôi trả về dữ liệu JSON. Trong Google Chrome Công cụ dành cho nhà phát triển> Tài nguyên> XHR khi tôi nhấp vào tài nguyên ở bên trái và sau đó trên tab Nội dung, tôi thấy chuỗi JSON là một chuỗi chứ không phải là một cây như Fireorms và Fireorms Lite.

Làm cách nào để buộc Chrome hoàn thành nó như một cái cây. Có loại Nội dung mà tệp PHP của tôi phải có không ???

Tôi rất vui khi biết câu trả lời!

Cảm ơn bạn Stefanos


Câu trả lời của @Matt McClure dưới đây là câu trả lời!
bcm

Tôi cũng gặp vấn đề khi nhận cấu trúc cây khi các chuỗi là dấu ngoặc đơn 'thay vì dấu ngoặc kép ", thay đổi' thành" đã giúp
Matt

Câu trả lời:


426

Để xem chế độ xem dạng cây trong các phiên bản gần đây của Chrome:

Điều hướng đến Công cụ dành cho nhà phát triển> Mạng> phản hồi đã cho> Xem trước


105
Hoàn toàn bóng bẩy trên tab "Xem trước" và đang xem tab "Phản hồi". Cảm ơn!
Ted Naleid

8
Nhưng tôi nghĩ để có được điều này, bạn cần phải có loại nội dung chính xác.
alexserver

4
Có, bạn cần loại nội dung "application / json" hợp lệ được chỉ định cho chrome để cung cấp cho bạn trình đơn thả xuống có thể thu gọn.
chỉnh2

5
Nó thực sự ít trực quan hơn một chút, bởi vì trên tab Tiêu đề, họ cho phép chúng tôi chuyển đổi giữa "thô" và "được phân tích cú pháp", do đó, người ta sẽ mong đợi rằng họ sẽ cung cấp chế độ xem "phân tích" tương tự trên tab Phản hồi.
G. Stoynev

1
Tôi ước nó thực sự là JSON thay vì một cái cây
Simon_Weaver

57

Google Chrome hiện hỗ trợ điều này ( Developer Tools > Network > [XHR item in list] Preview).

Ngoài ra, bạn có thể sử dụng công cụ của bên thứ ba để định dạng nội dung json. Đây là một cái trình bày một khung nhìn hình cây, và đây là một cái khác chỉ định dạng văn bản (và xác thực).


6

Kiểu nội dung chính xác cho dữ liệu JSON là application/json. Tôi cho rằng đó là những gì bạn đang thiếu.


6
Thật không may, điều này vẫn không buộc Chrome biến chuỗi JSON thành cây. Cảm ơn mặc dù!
GRboss

3

Tôi đã tìm thấy câu trả lời:

Bạn PHẢI mã hóa json của bạn như thế này: {"c":21001,"m":"p"}nhưng không {c:21001,m:"p"}hoặc{'c':21001,'m':'p'}

Do đó, khóa của một dict phải được bọc trong dấu ngoặc kép : ", sau đó chrome sẽ xem trước nó dưới dạng json thay vì văn bản thuần túy.


7
Đó là bởi vì cái đầu tiên là JSON hợp lệ và các ví dụ khác thì không (mặc dù chúng là javascript hợp lệ). Xem simonwillison.net/2006/oct/11/json
styfle

2

Để nó hiển thị đúng thông báo JSON, nó phải có loại mime "application / json" và được cấu trúc chính xác.

Bạn có thể kiểm tra cấu trúc ở đây




0

Tôi không chắc liệu Chrome có thêm tính năng này kể từ câu trả lời cuối cùng hay không, nhưng tôi đã có thể xem phản hồi json bằng cách ...

  • mở các công cụ dành cho nhà phát triển trong trình duyệt khi ở trên trang với yêu cầu
  • gửi yêu cầu
  • trong công cụ dành cho nhà phát triển - tab "Bảng điều khiển" - nhấp vào cây "Đối tượng" bên dưới tài nguyên để mở rộng

... Tôi đã có thể xem phản hồi như một hệ thống phân cấp có thể đọc được, cho biết những gì cần yêu cầu và những gì được trả lại. (Tab Mạng hoặc Tài nguyên không có gì hữu ích mà tôi có thể tìm thấy.)

Chúc mừng yêu cầu!


-1

Bạn có thể sử dụng Google Chrome Tiện ích mở rộng: JSONView Tất cả kết quả json được định dạng sẽ được hiển thị trực tiếp trên trình duyệt.


2
OP đã hỏi cụ thể về mã json được hiển thị bên trong các công cụ dev.
đào
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.