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有很多对象......使用类而不是id 并循环访问数据。

是否可以将数据json存储到html（而不是表）

1 个答案: