Php 如何在带有链接的列表中获取json数据
嗨,我能够在html页面中以列表的形式获取json数据,但我喜欢以链接列表的形式获取。因为当我点击链接时,它会显示详细信息 我在Php 如何在带有链接的列表中获取json数据,php,mysql,html,Php,Mysql,Html,嗨,我能够在html页面中以列表的形式获取json数据,但我喜欢以链接列表的形式获取。因为当我点击链接时,它会显示详细信息 我在tenantlistmob.php中所做的工作 <?php include('connection.php'); $result = mysql_query("SELECT * FROM tenanttemp"); while ($row = mysql_fetch_assoc($result)) { $array[] = array($row['Tenant
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);
?>
我把TenantFirstName
作为一个列表来获取。但我喜欢将其作为链接列表来获取。因为当我单击一个名称时,它将显示该名称的详细信息。我如何做这两项工作(作为链接列表,当单击链接时,它将在mysql数据库的html页面查询中显示详细信息)?
请帮助。使用下表
<!DOCTYPE HTML>
<html>
<link rel="stylesheet" href="../jasmine-device_2/styles/main.css" />
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
jQuery.getJSON("tenantlistmob.php", function (jsonData) {
$("#user_spec").html("");//clear old options
jsonData= eval(jsonData);//get json array
for (i = 0; i < jsonData.length; i++)//iterate over all options
{
for ( key in jsonData[i] )//get key => value
{
//$("#user_spec").get(0).add(new Option(jsonData[i][key],[key]), document.all ? i : null);
//$("#getname tbody").append($("<li></li>").html(jsonData[i][key]), document.all ? i : null);
var tblRow = "<tr>" + "<td>" + "<a href='#'>" + jsonData[i][key] + "</a>" + "</td>" + "</tr>"
$(tblRow).appendTo("#getname tbody");
}
}
});
});
</script></head>
<body>
<form name="index">
<div>
<table id="getname" border="1">
<thead>
<th>Name</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</form>
</body>
</html>
$(文档).ready(函数(){
getJSON(“tenantlistmob.php”,函数(jsonData){
$(“#用户规格”).html(“”;//清除旧选项
jsonData=eval(jsonData);//获取json数组
for(i=0;ivalue
{
//$(“#用户规格”).get(0).add(新选项(jsonData[i][key],[key]),document.all?i:null);
//$(“#getname tbody”).append($(“”).html(jsonData[i][key]),document.all?i:null);
变量tblRow=“”+”+“+”+”“”
$(tblRow)。附加到(“#getname tbody”);
}
}
});
});
名称
使用下表
<!DOCTYPE HTML>
<html>
<link rel="stylesheet" href="../jasmine-device_2/styles/main.css" />
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
jQuery.getJSON("tenantlistmob.php", function (jsonData) {
$("#user_spec").html("");//clear old options
jsonData= eval(jsonData);//get json array
for (i = 0; i < jsonData.length; i++)//iterate over all options
{
for ( key in jsonData[i] )//get key => value
{
//$("#user_spec").get(0).add(new Option(jsonData[i][key],[key]), document.all ? i : null);
//$("#getname tbody").append($("<li></li>").html(jsonData[i][key]), document.all ? i : null);
var tblRow = "<tr>" + "<td>" + "<a href='#'>" + jsonData[i][key] + "</a>" + "</td>" + "</tr>"
$(tblRow).appendTo("#getname tbody");
}
}
});
});
</script></head>
<body>
<form name="index">
<div>
<table id="getname" border="1">
<thead>
<th>Name</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</form>
</body>
</html>
$(文档).ready(函数(){
getJSON(“tenantlistmob.php”,函数(jsonData){
$(“#用户规格”).html(“”;//清除旧选项
jsonData=eval(jsonData);//获取json数组
for(i=0;ivalue
{
//$(“#用户规格”).get(0).add(新选项(jsonData[i][key],[key]),document.all?i:null);
//$(“#getname tbody”).append($(“”).html(jsonData[i][key]),document.all?i:null);
变量tblRow=“”+”+“+”+”“”
$(tblRow)。附加到(“#getname tbody”);
}
}
});
});
名称
do console.log并将输出粘贴到此处以获得更好的回答您只是在li中添加数据,在您的@MianKhurramIjaz中添加锚标记我放置了输出。给我建议。do console.log并将输出粘贴到此处以获得更好的回答您只是在li中添加数据,在你的 @MianKhurramIjaz中添加锚定标签我放置了输出。给我建议。谢谢。但是我如何获得关于此的链接。谢谢。但是我如何获得关于此的链接。
<!DOCTYPE HTML>
<html>
<link rel="stylesheet" href="../jasmine-device_2/styles/main.css" />
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
jQuery.getJSON("tenantlistmob.php", function (jsonData) {
$("#user_spec").html("");//clear old options
jsonData= eval(jsonData);//get json array
for (i = 0; i < jsonData.length; i++)//iterate over all options
{
for ( key in jsonData[i] )//get key => value
{
//$("#user_spec").get(0).add(new Option(jsonData[i][key],[key]), document.all ? i : null);
//$("#getname tbody").append($("<li></li>").html(jsonData[i][key]), document.all ? i : null);
var tblRow = "<tr>" + "<td>" + "<a href='#'>" + jsonData[i][key] + "</a>" + "</td>" + "</tr>"
$(tblRow).appendTo("#getname tbody");
}
}
});
});
</script></head>
<body>
<form name="index">
<div>
<table id="getname" border="1">
<thead>
<th>Name</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</form>
</body>
</html>