javascript - 如何在客户端制作重定向到带有数据库信息的 php 页面的按钮

Question

我是编程新手，我有一个独特的(我认为)问题。

我制作了一个MySql数据库来存储员工记录。我能够向数据库提交新的员工数据，并且能够从数据库检索员工数据并将其显示在 HTML 表中。

我想在表格上为每个 ID# 创建按钮。每个按钮都会将您重定向到不同的 php 页面，并显示与单击按钮的 ID# 关联的员工信息。

有人知道我该怎么做吗？

echo '<table border="0" cellspacing="25" cellpadding="2">
      <tr>
          <td>ID</td>
          <td>First</td>
          <td>Last</td>
          <td>SIN</td>
          <td>Password</td>
      </tr>';

function loadList() {
include_once 'includes/dbh.inc.php';

try {
  $sqlarray = "SELECT * FROM employee;";
  $result = mysqli_query($conn, $sqlarray);
  $resultCheck = mysqli_num_rows($result);

  if ($resultCheck > 0) {
    while ($row = mysqli_fetch_assoc($result)) {
      $employeeID = $row['id'] . "<br>";
      $employeeFN = $row['firstname'] . "<br>";
      $employeeLN = $row['lastname'] . "<br>";
      $employeeSIN = $row['sin_'] . "<br>";
      $employeePASS = $row['pass_'] . "<br>";

      echo '<tr>
                <td>'.$employeeID.'</td>
                <td>'.$employeeFN.'</td>
                <td>'.$employeeLN.'</td>
                <td>'.$employeeSIN.'</td>
                <td>'.$employeePASS.'</td>
            </tr>';
    }
  }
  else {
    echo "error no data";
  }

} catch (\Exception $e) {
  echo ("error");
}
}

Answer 1

伙计，欢迎来到编程世界。您可以创建一个 anchor 标记，它将用户重定向到 URL 中包含员工 ID 的新 php 页面。检查下面的代码:

echo '<tr>
          <td>'.$employeeID.'</td>
          <td>'.$employeeFN.'</td>
          <td>'.$employeeLN.'</td>
          <td>'.$employeeSIN.'</td>
          <td>'.$employeePASS.'</td>
          <td><a href="details.php?id='$employeeID.'>View Details</a></td>              
       </tr>'  

这里您需要创建一个名为details.php的新php页面。在那里，您需要通过 GET 全局变量获取员工 ID，并需要从数据库中获取详细信息以进行显示。检查下面的代码:

<?php
include_once 'includes/dbh.inc.php';
$employeeId = $_GET['id'];

$sqlarray = "SELECT * FROM employee where id = '".$employeeId."';";
$result = mysqli_query($conn, $sqlarray);
if (!$result) {
    echo 'Could not run query: ' . mysql_error();
    exit;
}
$employeeDetails = mysql_fetch_row($result);

此处 $employeeDetails 包含可用于在 HTML 中呈现的所有数据。但在使用相同的代码之前，请先阅读一些有关 SQL 注入(inject)的内容，以避免崩溃。希望对您有帮助。