Ajax responsetext作为表格输出？答案

【问题标题】：Ajax responsetext as a table output?Ajax responsetext作为表格输出？
【发布时间】：2012-09-05 19:58:28
【问题描述】：

我对 Ajax 响应不是很熟悉 - 我从 W3schools.com 编辑了 PHP Ajax 搜索代码，如下所示：

<?php
require_once('connect_db.php');

$query = "select item_no from items";
$result = mysql_query($query);
$a = array();

while ($row = mysql_fetch_assoc($result)){
    $a[] = $row['item_no'];
}

//get the q parameter from URL
$q=$_GET["q"];

//lookup all hints from array if length of q>0
if (strlen($q) > 0)
  {
  $hint="";
  for($i=0; $i<count($a); $i++)
    {
    if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
      {
      if ($hint=="")
        {
        $hint=$a[$i];
        }
      else
        {
        $hint=$hint." , ".$a[$i];
        }
      }
    }
  }

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
  {
  $response="No Suggestion";
  }
else
  {
  $response=$hint;
  }

//output the response
echo "<table border=1><tr><td>".$response."</td></tr></table>";

?>

上述代码的输出完美无缺，但它们都是这样列出的 (2L500BU , 2L500GO , 2L500NA , 2L500RD , 2L802CA , 2L802WH , 2L803GR , 2L804BE , 2L804BK , 2L804CO , 2L805BU , 2L806BE )

现在：

1)我想将响应输出到带有<tr> 的表中，每个这样的

2l500BU

2L500GO

。等等

2)根据输入的提示，你认为是否可以从Mysql中输出所有表记录：

$sql="SELECT * FROM items WHERE item_no = '".**$hint**."'";

$result = mysql_query($sql);

echo "<table align='center' cellpadding='3' cellspacing='3' width='800px' border='1' font style='font-family:arial;'>";
echo "
<tr align=center>
<th style=font-size:18px; bgcolor=#20c500>Item Number</th>
<th style=font-size:18px; bgcolor=#20c500>QTY</th>
<th style=font-size:18px; bgcolor=#20c500>Actual Price</th>
<th style=font-size:18px; bgcolor=#20c500>Selling Price</th>
<th style=font-size:18px; bgcolor=#20c500>Difference</th>
<th style=font-size:18px; bgcolor=#20c500>Date</th>
</tr>";


while($row = mysql_fetch_assoc($result)){

echo "<tr align=center bgcolor=#e3e3e3>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . strtoupper($row['item_no']) . "</td>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . $row['qty'] . "</td>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . $row['actual_price'] . "&nbsp;<font style=font-size:12px;>JD</font></td>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . $row['discount_price'] . "&nbsp;<font style=font-size:12px;>JD</font></td>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . $row['difference_price'] . "&nbsp;<font style=font-size:12px;>JD</font></td>";
  echo "<td style='font-size:18px; font-weight:bold;'>" . date("d-m-Y",strtotime($row['date'])) . "</td>";
  echo "</tr>";

}
echo "<table>";

【问题讨论】：

您可能需要先阅读此内容：w3fools.com
其实你是，至少我在尝试，我在首页已经提到我不熟悉ajax。
我不确定“我是谁”，但我看到您对 AJAX 并不熟悉，仅仅指出 W3 Schools 并不是了解 AJAX 知识的最佳场所。

标签： php mysql ajax html-table response

【解决方案1】：

如果您想从数据库中获取项目并为每个项目显示一行，这就是您使用 jQuery 的方式。

您的 PHP 脚本：

<?php
    $mysqli = new mysqli('localhost', 'user', 'password', 'database');
    $sql = "SELECT item_no FROM items";
    $res = $mysqli->query($sql);
    while ($row = $res->fetch_assoc()) {
        $rows[] = $row['item_no'];
    }
    header('Content-Type: application/json');
    echo json_encode($rows);
?>

还有你的 HTML 和表格：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th scope="col">Item No.</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </body>
</html>
<script src="js/lib/jquery.js"></script>
<script>
    $(document).ready(function() {
        $.getJSON('yourscript.php', function(items) {
            $.each(items, function(i, item) {
                $('tbody').append('<tr><td>' + item + '</td></tr>);
            });
        });
    });
</script>

我还使用了 MySQLi（改进了 MySQL）而不是标准的 mysql_ 函数，因为 mysql_ 库已弃用，您现在应该使用 MySQLi 或 PDO。

【讨论】：

这是使用 w3schools 和 mysql_query 说 STOP 的礼貌方式，因为长期使用这些可能会产生严重的副作用，而且我认为，大脑-以难以改掉的极坏习惯的形式造成的损害。正如您在此处演示的那样，mysqli 并不难掌握，因此没有理由不使用它。