ボタンのベストプラクティスを使用して値を渡すPHP

Question

以下は私のコードですが、基本的にはデータベースから情報を引き出し、関連する在庫を表示します。詳細を表示するために別のHTMLページにデータを送信するために使用する詳細ボタンがあります製品に関する情報、カートに入れるなど

私の質問は、この情報を送信するための「ベストプラクティス」と考えられています。アレイからIDを取得してクリックして送信するだけでいいですか？または、より効率的な方法はjqueryを使用して言うのですか？

ボタンフォームから値が渡される関数を使用することをお勧めしますか？

<section> 
     <div class="row"> 
      <div class="col-md-12"> 
       <div class="heading"> 
        <h1>New Mag Wheel Arrivals</h1> 
       </div> 
      </div> 
     </div> 
     <div class="row products"> 
      <?php while ($product = mysqli_fetch_assoc($wheelResult)) : ?> 
       <div class="col-md-3 col-sm-6"> 
        <div class="product border"> 
         <div class="image"> 
          <a href="#"><img src=" <?= "images/wheels/wheelphotos/" . $product["bigpic"]; ?>" 
              alt="<?= $product["manufacturer"]; ?>" class="img-responsive img-demo"></a> 
         </div> 
         <div class="ribbon ribbon-quick-view sale"> 
          <div class="theribbon">NEW</div> 
          <div class="ribbon-background"></div> 
         </div> 
         <div class="ribbon ribbon-quick-view logo"> 
          <div class="theribbon"><img src="images/wheels/logos_small/Vs2.png"></div> 
          <div class="ribbon-background"></div> 
         </div> 
         <div class="text text-background"> 
          <h4><a href="detail.php"><?= $product["diam"] . "\" " . $product['manufacturer'] ?></a></h4> 
          <p class="brand"><a href="#"><?= "Model " . $product["part_no"]; ?></a></p> 

          <button class="btn btn-default btn-sm btn-primary" href="detail.php">Details</button> 
         </div> 
        </div> 
       </div> 
      <?php endwhile; ?> 
     </div> 
    </section> 

須藤コード形式の例

EG

<form action=details.php method="GET"> 
    <button class="btn btn-default btn-sm btn-primary" href="detail.php">Details</button> 
hidden-value = $product["recid"] 
</form> 

Answer 1

あなたは、Ajaxは、使いやすさの面でいずれかの大きな改善をもたらすことするつもりはないので、完全に新しいページをロードする必要があります。単にからIDを取り、detail.phpページで

<a href="detail.php?id=<?php echo $product["recid"];?>"><button class="btn btn-default btn-sm btn-primary" >Details</button></a> 

：、このようなあなたのボタンを配置し、製品一覧ページ

（whileループで）：私は単に以下のようにあなたがこれを行うにはお勧めしたいです$_GET要求し、データベースから製品の詳細をフェッチ：

i.e. "SELECT * FROM `products` WHERE `product_id` = ?" 

ヒント：それは、前のページから渡された製品のIDが含まれますよう?ため$_GET['id']を使用してください。