Có thư viện đơn giản nào sẽ hiển thị đối tượng JSON dưới dạng cây không?

Question

Vì vậy, có một thư viện rất đơn giản mà sẽ làm cho các đối tượng JSON như cây? Tôi biết rằng điều này có thể được thực hiện theo nhiều cách (như YUI), nhưng với mục đích gỡ lỗi, tôi chỉ đơn giản là có thể xem một đối tượng JSON mà tôi nhận được từ máy chủ dưới dạng cây, không có gì lạ mắt là tiền thưởng).

Các loại giải pháp tôi đang tìm kiếm sẽ là một cái gì đó như:

<script source="something.js"/> 
<script> 
    obj ={"hello":"world"} 
    lib.renderJSON("someid",obj); 
</script> 
...  
<div id="someid"/> 

ý tưởng Bất kỳ?

Answer 1

việc kiểm tra này quá: http://jquery.bassistance.de/treeview/demo/async.html

Answer 2

Như chủ đề này đã đưa ra để đáp ứng với một tìm kiếm Google, nghĩ rằng nó có thể là giá trị thêm vào những gì tôi tìm thấy (các liên kết khác không còn xuất hiện có giá trị trong bối cảnh này, nhưng tôi có thể đã bỏ lỡ một số chức năng).

Có một số ít xung quanh, nhưng tôi không tìm thấy cái đã cung cấp trong "chế độ xem dạng cây đồ họa", thay vì "chế độ xem dạng cây văn bản" đơn giản. Có tiêu đề là người xem JSON "làm đẹp" hoặc "dễ đọc".

tôi đã kết thúc bằng: jsonview by yesmeck

Nice và đơn giản, và đã làm công việc lần đầu tiên.

Answer 3

sử dụng D3 nó là rất dễ dàng để tải dữ liệu json chỉ một cái gì đó như thế này

  d3.json("flare.json", function(error, flare) { 
       flare.x0 = 0; 
       flare.y0 = 0 
       update(root = flare); 
      }); 

Answer 4

Tôi tạo ra một trình xem JSON đơn giản. Nó phân tích cú pháp JSON từ chuỗi theo phương thức JSON.parse() chuẩn và vẽ json-tree. Bạn có thể chỉ sử dụng thư viện jsonTree trong dự án của bạn và tạo ra nhiều json-cây trên một trang html:

var wrapper = document.getElementById("wrapper"); 
 
var data = { 
 
    "firstName": "Jonh", 
 
    "lastName": "Smith", 
 
    "phones": [ 
 
     "123-45-67", 
 
     "987-65-43" 
 
    ] 
 
}; 
 
var tree = jsonTree.create(data, wrapper);

<link href="libs/jsonTree/jsonTree.css" rel="stylesheet" /> 
 
<script src="libs/jsonTree/jsonTree.js"></script>

jsonTree thư viện (một phần của jsonTreeViewer)