Question

我有一个页面（menu.php），用于检索和显示数据库中的数据，包括名称，图像，价格我想在点击图片时添加一个链接带我到另一个页面（单个Product.php），所以我只有一个页面，我希望它的内容取决于我点击的图像

    <div class="row">
    <div class="col-md-9">
    <div class="products-heading">
        <h2>Our Salad</h2>
    </div>  <!-- End of /.Products-heading -->
    <div class="product-grid">
    <div class="row">
            <?php
                require('connection.php');
                extract($_POST);

                $rc=mysql_query("select * from menu where Item_Catagory = 'Salad'") or die(mysql_error());
                while($MenuItem=mysql_fetch_array($rc))
                {

                ?>
                <!--To send item info to single-product page -->

                <div class="col-md-4">
                <div class="products">

                        <a href="single-product.php" >
                            <img src="images/<?php echo $MenuItem['Item_Image']; ?>"  alt="" />
                        </a>
                        <a href="single-product.php">
                            <h4> <?php echo $MenuItem['Item_Name']?> </h4>
                        </a>
                        <p class="price"> <?php echo $MenuItem['Item_Price']?></p>
                        <div class="row lead">
                            <center><div id="stars" class="starrr"></div></center>
                        </div>
                        <a class="view-link shutter" href="#">
                            <i class="fa fa-plus-circle"></i>Add To Cart</a>
                    </div>  <!-- End of /.products -->
                </div> <!-- End Of /.Col-md-4 -->    

        <?php }

        ?>

    </div>  <!-- End of /.row -->

这是第一页的一部分我想用get方法将数据发送到另一个页面，但是我不知道应该使用javascript的相应方法是什么？如果是的话怎么样？

Answer 1

使用id发送数据：

<a class="view-link shutter" href="Product.php?id="<?= $MenuItem['id'];?>">

在另一个页面$dataID = $_GET[id];中，而不是查询您的数据库where id=$dataID

Answer 2

更改<a href="single-product.php">

到<a href="single-product.php?name=<?php echo $MenuItem['Item_Name']?>">

示例重定向现在是“single-product.php？name = food”

在single-product.php中，您现在可以使用$ _GET（超全局）检索项目名称。在你的脚本中你可以通过$item = $_GET['name']得到它，$ item现在等于'food'。

要获取有关此特定产品“food”的信息，请在single-product.php中查询数据库，如下所示：“select * from menu where Item_Name ='”。$ item。“'”。现在将结果附加到您的html中。

要通过ajax执行此操作，您需要处理所有锚标记，假设您正在使用jQuery，以下操作：

$('a').click(function(){

    $.ajax({
        url: this.href,
        method: 'GET',
        success: function(response){

            console.log(response);

            //here you can append the response to your html
        }
    });

    return false; //prevent browser from redirecting
});

如何根据来自其他页面的数据放置页面内容

2 个答案: