【问题标题】:How do I add data to a table cell using AJAX, MySQL and PHP under the following circumstances:在以下情况下,如何使用 AJAX、MySQL 和 PHP 向表格单元格添加数据:
【发布时间】:2014-09-03 03:08:28
【问题描述】:

在有两列的 html 表中,第一列由 php 和 mysql 填充。我需要创建第一列值链接,单击时进行 AJAX 调用以使用从 MySQL 获得的值填充相邻单元格。我已经能够使用以下方法获取第一列的值:

<html>

<?php 
$db_host = "localhost"; 
$db_name = "db";        
$db_user = "user";
$db_word = "password";


$connect=mysqli_connect($db_host, $db_user, $db_word, $db_name);

// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$result = mysqli_query($connect,"SELECT people FROM users");


echo "<table border='1'>
<tr>
<th>People</th>
<th>Ages</th>
</tr>";

while($row = mysqli_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['people'] . "</a></td>";
echo "<td></td>";
echo "</tr>";
}
echo "</table>";

mysqli_close($connect);
?>

</html>

我需要使第一列值成为一个链接,当使用 AJAX 单击时从 MySQL 检索年龄值。有什么建议的例子吗?

【问题讨论】:

  • 更改您的 SQL 语句以获取唯一的 ID 以及“人员”列。将该唯一 ID 作为属性添加到您的 html 表行。然后设置一个 jQuery 监听器来监听 s 上的点击,获取唯一的 id,并将该 id 发送到 PHP 后端以查询您的数据库的年龄。

标签: php html mysql ajax href


【解决方案1】:

更改您的初始 SQL 查询:

$result = mysqli_query($connect,"SELECT people, SOME_UNIQUE_ID FROM users");

...

将唯一 id 添加到您的 html 表格行中:

echo "<td id = '". $row['SOME_UNIQUE_ID'] . "'>" . $row['people'] . "</td>";

...

添加一个 jQuery 监听器:

 <script>

    $('body').on('click', 'td', function() {
     var myID = $(this).attr('id');
     $.ajax(
       data: myID 
       foo: write your own ajax,
       bar:....
    })
  </script>

【讨论】:

  • 这不能解决问题的原因是因为第二列是具有该名称的人的年龄总和,而不是与特定人的直接关系。例如:SELECT people, SUM(ages) FROM users WHERE people ='jon',其中'jon' 为链接。因此,单击该链接会将来自该 sql 语句的数据放入相邻的单元格中。对不起,不够清楚。不过感谢您的开始。
  • 然后编辑您的问题。说真的,当您的问题中没有包含实际问题时,您如何期望任何人帮助您?您有 SQL 问题还是 AJAX 问题?
  • 再次抱歉,如果不够清楚。如果您有更好的方法来提出问题,我会欢迎您的帮助。我是一个完全的新手,我找不到任何关于如何做到这一点的文档。谢谢。
  • 我想这最终是一个 AJAX 问题。首先,我需要使第一列成为一个格式正确的链接,该链接调用一个 AJAX 脚本,该脚本从 MySql 获取数据并放入相邻的单元格,而不是整个第二列。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-03-30
  • 2022-12-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-02-23
相关资源
最近更新 更多