是否有可能存儲數據json到html（不是表格）

Question

是否可以顯示來自json的數據html？ 我有例子，但它只是表。

<table id="tables" 
data-url="comments.php" 
data-row-style="rowStyle" 
data-toggle="table" 
data-show-refresh="true" 
data-show-toggle="true" 
data-show-columns="true" 
data-search="true" 
data-select-item-name="toolbar1" 
data-pagination="true" 
data-sort-name="name" 
data-sort-order="desc"> 
<thead> 
<tr> 
<th data-field="name" data-sortable="true" data-align="left">Name</th> 
<th data-field="comments" data-sortable="true" data-align="left">comments</th> 
</tr> 
</thead> 
<tr> 
</tr> 
</table> 

我要顯示/加載數據從JSON來HTML：

<h3>name</h3>//data from json 
<p>comments</p>//data from json 

的comments.php

<?php 
header('content-type:application/json'); 
include 'connection.php'; 

$select = mysql_query("select * from comments"); 
$row=array(); 

while($row=mysql_fetch_array($select)) 
{ 
    $arrayx=array( "comments"=>$row['comments'], 
        "name"=>$row['name']); 

    $rows[] = $arrayx; 

} 
echo json_encode($rows); 
?> 

我有例如JSON像..

Answer 1

它可以按照你的要求，你的HTML內聯。

但使用jQuery .get()，這是可以做到這樣：

HTML：

<h3 id="jsonName"></h3><!--data from json will be here --> 
<p id="jsonComments"></p><!--data from json will be here --> 

jQuery腳本：

$.get("comments.php","",function(data){ 
    $("#jsonName").html(data.name); 
    $("#jsonComments").html(data.comments); 

    //To look at the received json 
    console.log(JSON.stringify(data)); 
},"json"); 

如果你的JSON有很多物體使用類而不是ids。
並循環訪問數據。