JSON绑定到一页上的多个表

时间:2018-09-05 16:01:59

标签: html json data-binding

我有一个网页将显示模块的文档,每个模块都记录在单独的表格中,如下所示

<div role="main">
<div class="section">
<h2 id="acces_extranet">Acces_Extranet</h2>
<table>
<thead>
<tr>
<th>Nom</th>
<th>Commentaire</th>
</tr>
</thead>
<tbody>
<tr>
<td />
<td />
</tr>
</tbody>
</table>
<h3 id="connexion_extranet">Connexion_Extranet</h3>
<table>
<thead>
<tr>
<th>Nom</th>
<th>Commentaire</th>
</tr>
</thead>
<tbody>
<tr>
<td />
<td />
</tr>
</tbody>
</table>
<h4 id="m00_0_lancer_navigateur">M00_0_Lancer_Navigateur</h4>
<table>
<thead>
<tr>
<th>Variables</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>navigateur</td>
<td>Insérer description</td>
</tr>
<tr>
<td>url</td>
<td>Insérer description</td>
</tr>
</tbody>
</table>
</div>
</div>

另一方面,我有一个CSV文件,已将其转换为JSON文件,我想从该文件中读取数据以将其永久显示在HTML页面中。

[
  {
 "Module": "M00_0_Lancer_Navigateur",
 "Variable": "navigateur",
 "Description": "Le navigateur à utiliser pour le test, non sensible à la case",
 "Valeurs": "",
 "": ""
  },
  {
 "Module": "M00_0_Lancer_Navigateur",
 "Variable": "url",
 "Description": "l'url initiale du site à lancer, il peut s'agir d'une url ARIANE ou magie de tout environnement",
 "Valeurs": "",
 "": ""
  },
  {
 "Module": "M00_2_Extranet_Connexion",
 "Variable": "login",
 "Description": "Insérer description",
 "Valeurs": "",
 "": ""
  }
]

我想在JSON文件的表中显示数据吗?

1 个答案:

答案 0 :(得分:1)

您正在使用PHP吗?您可以使用PHP json_decode(json_text)给您键和值的数组。您可以合并一个for循环来打印行

例如……

<?php 

$raw_json = file_get_contents($path_to_json);
$json_data = json_decode($raw_json); // $json_data is now an array of the json data 

?>


<?php foreach($json_data as $row){ ?>
    <tr> <?php echo $row['key'] ?></tr>
<?php } ?>