我正在尝试从 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
左上角的名字。但我喜欢将名称命名为带有链接的列表( name1
, )。name2
当我单击名称(name1
,name2
)时,它将显示名称的详细信息。我怎样才能做到这一点?
预先感谢