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
)をクリックすると、名前の詳細が表示されます。これどうやってするの?
少し早いですがお礼を