如果想在网页上格式化显示一个javascript/json对象，标准的做法应该是什么？

This topic created in 5408 days ago, the information mentioned may be changed or developed.

1、拼接html:
var str = '<li>'+obj.aaa+'</li>'; ......

2、构造dom
document.createElement .... 或 $('div').....

3、其他办法？

那种办法更好用？
标准是方便、安全、高效。

有没有现成的库或者是别的什么可以专门做这些事情？

var

str

12 replies • 1970-01-01 08:00:00 +08:00

Kenyth

Jul 25, 2011

你所谓的格式化是什么，有标准的缩进和换行么？还是像 firebug 里面的 DOM tree 那种？

vivian

Jul 25, 2011

jquery 模板如何

darasion

Jul 25, 2011

@Kenyth 我指的就是把对象，通过html/css这样的表现形式显示出来。

比如把一个对象一个数组，显示成一个表格，每行代表数组的一个元素。

再比如，把一个对象，用html组成一个树形菜单。

.....

darasion

Jul 25, 2011

@vivian 啥样的？与其它相比有什么好处和坏处？

Kenyth

Jul 25, 2011

@darasion 看来你自己也没有想好具体要什么样子的。https://chrome.google.com/webstore/detail/chklaanhfefbnpoihckbnefhakgolnmc 这样子的可以吗？

darasion

Jul 25, 2011

@Kenyth 我不是要插件啊~~囧。

我是要做东西啊，ajax获得的json很多情况都是要显示出来的是吧？？

比如我打开一页，里边很多帖子，我用ajax获得了帖子列表json，然后想把他们显示出来，我总不能像你给出的插件一样显示代码(即便是有高亮啥的）给人家看啊。。。。。

iwinux

Jul 25, 2011

你要的是 JavaScript 的模版库吧？看看 http://icanhazjs.com/

darasion

Jul 25, 2011

@iwinux 我是想问各种办法里到底哪个最简单，安全，高效。

darasion

Jul 26, 2011

我不是要显示代码，也不是非要模板库不可。

1、我想让javascript对象显示出来，让不懂程序甚至不懂网络的人看到一眼就知道这是什么。
2、实现1 的办法有很多种，我想找到一种简单的，编写程序时很简单；安全的，少出bug等各种头疼的问题；效率比较高的，就是不要在浏览器，特别是IE里特别卡的；——办法。
3、我不想只知道有某种办法，而不知道这种办法的优缺点。

honk

Jul 26, 2011

console

istef

Jul 26, 2011

个人比较喜欢方法一，简单直观，而且一直用貌似也没出过什么问题，跨浏览器也没问题。
1和2之间的性能我没考察过，所以没法给出建议了。

kongruxi

Jul 26, 2011

我一般就是拼接HTML
不太清楚怎样才是标准做法