php - 使用ajax使用已从数据库检索的数据获取更多mysql数据

Question

我正在尝试构建一个产品目录，客户可以在其中选择产品并了解产品规范和价格。现在我做的第一件事是查询数据库omnicon_prod中的所有产品。从那里我建立了一个类似这样的项目的无序列表

$query = "SELECT  name, id, price, image, cost_per FROM products";
$result = mysqli_query($db_connect,$query);
while($row = mysqli_fetch_assoc($result)) {
echo '<li class="product" style="list-style:none;margin-left:10px;margin-right:10px; width:150px;float:left;" id="'.$row['id'].'">
        <img class="productImage" style="background-color:#f2f2f2;width:150px;padding:10px;float:left;" src="'.$row['image'].'main-image.jpg">
        <div class="productText" style="width:100%;text-align:center;">
            <div class="price" style="color:#fca204;font-weight:500;font-size:20px;font-family: "Conv_Geogtq-Th", sans-serif;">'.$row['price'].' <span style="color:#959595; font-size:14px; font-weight:100;">/'.$row['cost_per'].'</span>
            </div>
            <div class="name" style="color:#959595;font-weight:100;font-size:14px;font-family: "Conv_Geogtq-Th", sans-serif;">'.$row['name'].'
            </div>
        </div>
        </li>';
}

我现在想做的是为每个列表项附加一个 anchor ，如果客户端选择来自数据库的项目，他们将获得更多信息，例如描述等。现在我知道应该这样做使用ajax，但我不确定如何，因为我对它比较陌生。我想通过使用 onClick 来触发 ajax，甚至在 ancho 标签上也是如此。这是我到目前为止所尝试过的。

ajax

function ajaxfunction(productID)
{
    $.ajax({
        url: 'php-includes/products.php?productID=' + productID,
        success: function(data) {
            $("#productSpec").html(data);
        }
    });
}

products.php 页面

<?php
include_once "connect.php";
 $query = "SELECT  name, price, image, cost_per FROM products WHERE `id` = ". mysqli_real_escape_string($_GET["ProductID"]);
$result = mysqli_query($db_connect,$query);
while($row = mysqli_fetch_assoc($result)) {
    //the content from the database that matches the id of the selected item
}
?>

请有人帮助我了解我哪里出错了，以及使用 anchor 标记触发此事件是否明智。我基本上采用并尝试将动态多级选择表单选项合并到使用列表来获取数据的选项中......

Answer 1

对于 ajax 调用，您可以查看这些页面 here和 here基本上，您添加要发送的数据(对象或字符串)作为参数。