php - 将json数据插入列表中的html页面

我正在尝试从mysql获取信息并将信息发布到html页面中。到目前为止，我得到的是：这是我的tenantlistmob.php

  <?php
  include('connection.php');
  $result = mysql_query("SELECT * FROM tenanttemp");

  while ($row = mysql_fetch_assoc($result))
 {
   $array[] = array($row['TenantFirstName']);
  }
echo json_encode($array);
 ?>

当我直接从浏览器调用tenantlistmob时，它会显示[["Humayun"],["Sahjahan"],["Bayezid"],["Bayezid"],["Asaduzzaman"],["Mouri"]]的名字提交位置。我喜欢在html页面中使用这个名称。我的html页面是

<!DOCTYPE HTML>
<html>
<link rel="stylesheet" href="styles/main.css" />
<script type="text/javascript" src="jquery.js"></script>
<body>
 <div id="output">this element will be accessed by jquery and this text replaced</div>
<script id="source" type="text/javascript">
 $(function ()
 {
$.ajax({
  url: 'tenantlistmob.php',
  data: "",
  dataType: 'json',
  success: function(data)
  {
    var id = data;
   //var vname = data[1];           //get name
    $.each(id, function (val)
   {
     $('#output').html(""+id);
    });
  }
});
});

</script>
<form id="formset">
<fieldset id="fieldset">
<h3 align="center">Tenant List</h3><hr/>
<a href="#">name1</a><br /><hr/>
<a href="#">name2 </a> <br /><hr/>
</fieldset>
</form>
<a id="box-link1" class="myButtonLink"  href="category1.php"></a>
</div>
 </body>
</html>

我的输出（main.css）是这样的

#output
{
color:#ffffff;
font-size : 20px;
margin : 0;
letter-spacing:1px;
width:480px;
}

我在左上角的名字是Humayun,Sahjahan,Bayezid,Bayezid,Asaduzzaman,Mouri。但我喜欢用link获取名字列表（name1，name2）。当我单击一个名称（name1，name2）时，它将显示该名称的详细信息。我该怎么做？
提前感谢

最佳答案

看起来您希望使用JavaScript迭代JSON。因为您使用的是jQuery，所以只需“迭代”JSON结果。在JavaScript中，0在1之前。

var _result = $data[0];
$.each(_result, function (val)
{
    console.log(val);
});

http://api.jquery.com/jQuery.each/

HTML页面

php - 将json数据插入列表中的html页面