0

HTML PHP と Mysql を使用して動的に作成されたテーブルがあります。Ajax を使用してデータベースから情報を取得したいと考えています。

私がやりたいことに最も近い例は http://www.w3schools.com/PHP/php_ajax_database.aspですが、これはドロップダウンリストを使用しています。

上記を行う方法について誰かが情報を提供できますが、テーブルを使用して、セルをクリックすると、名前を含むセルがデータベースに送信され、特定のデータが取得されます..

   <?php
$default = "<img src='http://localhost/on.png' width='24' height='24'/>";
$default1 = "<img src='http://localhost/of.png' width='24' height='24'/>";
$con = mysql_connect("*****","*****","****");
if (!$con){
die("Can not connect: " . mysql_error());
}
mysql_select_db ("****",$con);
$sql= "select act.*
from user_activity as act
  inner join (
  select user_id, max(timestamp) as max_ts
  from user_activity
  group by user_id) as a on act.user_id=a.user_id and act.timestamp=a.max_ts";
$mydata = mysql_query($sql,$con);

echo "<table id='tfhover',table border=0>
<tr>
<th>Users</th>
<th>Status<th>
</tr>";
while($record = mysql_fetch_array($mydata)){
echo "<tr>";
echo "<td>" . $record['user_id'] . "</td>";
if (strtolower(trim($record['activity']))!=strtolower('LOGIN')){ 
echo "<td>" . $default1  . "</td>";
}else{

echo "<td>" . $default  . "</td>";

}
4

2 に答える 2

0

ID を data 属性に格納し、要求に応じて使用できます。

<table>
  <tbody>
    <tr>
      <td data-item-id="1">1</td>
      <td data-item-id="2">2</td>
    </tr>
  </tbody>
</table>

<script type="text/javascript">
  $('table').on('click', 'td', function() {
    var id = $(this).data('item-id');
    $.get('url', {id: id}, function() {
      //process
    });
  });
</script>
于 2012-10-28T16:39:44.763 に答える
0

onClick="showUser(str)"テーブルの tr 内で使用することもできます。

編集された例を次に示します。

<?php   
//Test Data
$result = array(
1=>array('FirstName'=>'Peter','Lastname'=>'Griffin','Age'=>41,'HomeTown'=>'Quahog','Job'=>'Brewery'),
2=>array('FirstName'=>'Lois','Lastname'=>'Griffin','Age'=>40,'HomeTown'=>'Newport','Job'=>'Piano Teacher'),
3=>array('FirstName'=>'Joseph','Lastname'=>'Swanson','Age'=>39,'HomeTown'=>'Quahog','Job'=>'Police Officer'),
4=>array('FirstName'=>'Glenn','Lastname'=>'Quagmire','Age'=>41,'HomeTown'=>'Quahog','Job'=>'Pilot'),
);

//Your AJAX Responce
if(isset($_GET["q"])){

    if(array_key_exists($_GET["q"],$result)){
        echo "<table border='1'><th>Firstname</th><th>Lastname</th><th>Age</th><th>Hometown</th><th>Job</th></tr>";
        echo "<tr>";
        echo "<td>" . $result[$_GET["q"]]['FirstName'] . "</td>";
        echo "<td>" . $result[$_GET["q"]]['Lastname'] . "</td>";
        echo "<td>" . $result[$_GET["q"]]['Age'] . "</td>";
        echo "<td>" . $result[$_GET["q"]]['HomeTown'] . "</td>";
        echo "<td>" . $result[$_GET["q"]]['Job'] . "</td>";
        echo "</tr>";
        echo "</table>";
    }else{
        echo "No Results";
    }
    die;
}
?> 

<html>
<head>
<script>
function showUser(str)
{
    if (str=="")
    {
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","index.php?q="+str,true);
    xmlhttp.send();
}
</script>
</head>
<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  <?php foreach($result as $key=>$value){?>
    <tr onClick="showUser(<?php echo $key;?>)">
        <td width="50%">Get <?php echo $value['FirstName'];?></td>
    </tr>
 <?php } ?>
</table>

<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>
于 2012-10-28T17:01:59.597 に答える