2016-12-15 250 views
4

我试图将一个Javascript对象的内容显示到HMTL/CSS表中。 在Groovy二维数组是这样的(这只是一个片段,而不是完整的):如何在HTML表格中显示二维数组JSON对象的内容

[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]

一个阵列对应于我的表一行。 JavaScript对象从常规控制器创建这样

[matrix: matrix as JSON] 

这里是如何,我认为我已经得到充分的表GSP/Javascript和显示它(在我的控制台,而不是在我的表)

<script> 
    var matrix = ${matrix}; 
    var matrixTab = JSON.stringify(matrix); 
    console.log(matrixTab); 
</script> 

什么HMTL表看起来并不重要。 还有一件事,我使用萤火虫,当我试图捕捉我的数组时,控制台显示我this error。任何想法 ?

+0

你所显示的代码看起来很好,你看到的错误是否发生在表创建或上面的代码片段? – mikeapr4

+0

表的创建还没有完成,所以不是这样的,而是关于我认为的js片段。 – pladislas

回答

2

JSON.stringify()将输出一个对象作为字符串,但在这里矩阵不是有效的JavaScript对象。 ${matrix}需求为包含你的对象的字符串,然后分析它是这样的:

var matrix = '[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]' 
// OR 
var matrix = ${matrix} 
var matrixTab = JSON.parse(matrix); 

您将能够经过matrixTab和显示表,因为你需要。