1

こんにちは、json データを 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);
?>

次に、私の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) {

            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
              { 
             $("#getname").append($("<li></li>").html(jsonData[i][key]), document.all ? i : null);
              }
            }

});

 });
</script>
</head>
<body>
<form name="index">
<div id="getname"></div>
</form>
</body>
</html>

出力は

 Humayun
 Sahjahan
 Bayezid
 Bayezid
 Asaduzzaman
 Mouri

リストとして取得TenantFirstNameしていますが、リンクのリストとして取得するのが好きです。名前をクリックすると、その名前の詳細が表示されるためです。どうすれば両方の作業を行うことができますか (リンクのリストとして、リンクをクリックすると、mysql データベースからの html ページクエリに詳細が表示されます)? 助けてください。

4

1 に答える 1

1

以下のようなテーブルを使用します

<!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>
于 2012-08-13T08:24:08.640 に答える