时间戳

首页 > 解决方案 > 如何将 data-id 发送到另一个页面

javascript - 如何将 data-id 发送到另一个页面

问题描述

我试图将在portfolio.php页面中选择的产品的id发送到页面portfolio-detail.php并根据选择的id显示来自数据库的信息

这是portfolio.php 页面

      <ul class="portfolio-area da-thumbs">
        <?php foreach ($product as $value): ?>

        <li class="portfolio-item" data-id="id-0" data-type="web">
          <div class="span3">

            <div class="thumbnail">
              <div class="image-wrapp">
                <img src="<?php echo $target_dir.'/'.$value['product_pic'];  ?>" alt="Portfolio name" title="" />
                <article class="da-animate da-slideFromRight">
                  <a class="zoom" data-pretty="prettyPhoto" href="<?php echo $target_dir.'/'.$value['product_pic'];  ?>">
                        <i class="icon-zoom-in icon-rounded icon-48 active"></i>
                        </a>
                  <a href="portfolio-detail.php" data-id="<?=$value['id']; ?>">
                        <i class="icon-link icon-rounded icon-48 active"></i>
                        </a>
                  <div class="hidden-tablet">
                    <p>
                      <?php echo $value['product_name']; ?>
                    </p>
                  </div>
                </article>
              </div>

            </div>

          </div>

        </li>
      <?php endforeach; ?>

      </ul>

这是portfolio-detail.php页面

<section id="<?php echo $product['id']; ?>">
  <div class="container">
    <div class="row">

      <div class="span12">
        <article>
          <div class="heading">
            <h4><?php echo $product['product_name']; ?></h4>
          </div>
          <div class="clearfix">
          </div>
          <div class="row">
            <div class="span8">
              <!-- start flexslider -->
              <div class="flexslider">
                <ul class="slides">
                  <li>
                    <img src="<?php echo $target_dir.'/'.$product['product_pic'];  ?>" alt="" />
                  </li>
                </ul>
              </div>
              <!-- end flexslider -->
              <p>
                <?php echo $product['product_desc']; ?>
              </p>
            </div>
            <div class="span4">
              <aside>
                <div class="widget">
                  <div class="project-widget">
                    <h4 class="rheading">Portfolio detail<span></span></h4>
                    <ul class="project-detail">
                      <li><label>Project name :</label> <?php echo $product['product_name']; ?></li>
                      <li><label>Category :</label> <?php echo $product['product_code']; ?></li>
                      <li><label>Project date :</label> 12 Apr 2013</li>
                      <li><label>Project link :</label><a href="#">www.somelink.com</a></li>
                    </ul>
                  </div>
                </div>
              </aside>
            </div>
          </div>
        </article>
        <!-- end article full post -->
      </div>

    </div>
  </div>
</section>

如何根据选择的产品显示产品的详细信息？

标签： javascriptphphtml

解决方案

这是一个解决方案：

在投资组合.php

改变：

<a href="portfolio-detail.php" data-id="<?=$value['id']; ?>">

到：

<a href="portfolio-detail.php?data-id=<?php echo $value['id']; ?>">

在portfolio-detail.php顶部添加：

$id = $_GET['data-id'];

做你的数据库查询$id

$product = {db stuff here};

当然，所有适当的验证都需要添加。

推荐阅读