PHP在同一页面上传递变量

时间:2017-10-05 07:11:37

标签: php parameter-passing

我正在创建一个关于PHP的项目。但我有一个问题。我想将一些值从一个部分传递到另一个部分。例如:在第一部分中我展示了所有产品,第二部分我展示了产品详细信息。当我在第一部分点击产品时,产品值应该通过第二部分。我正在分享我的代码。感谢

第一节

<section class="section pb-60 sm-pt-90">
<!-- Portfolio Items -->
<div id="portfolio-gallery" class="portfolio-container isotope-container portfolio-gallery row animated mfp-gallery" data-animation="fadeInUp" data-animation-delay="1200">
    <article class="portfolio-item isotope-item col-md-4 col-sm-6 tasarim">
  <div class="project-container">
    <a href="http://blogaktuel.com//upload/Ekran Alıntısı.PNG" data-size="1080x1440" class="portfolio-gallery__img--main">
      <img src="http://blogaktuel.com//upload/Ekran Alıntısı.PNG" alt="" style="width:360px; height:256px;">
      <div class="overlay">
        <div class="overlay-wrapper">
          <div class="overlay-inner background-dark-5 opacity-70"></div>
        </div>
      </div>
    </a>
    <div class="project-details">
      <a href="http://localhost:81/Projeler/kodaktuelOnePage//yeni-proje-mesela"><h4 class="project-title heading-uppercase">Yeni Proje Mesela</h4></a>
    </div>
  </div>
</article>

第二部分

<div id="detay" class="ed-slide">
  <div class="slide-container">
    <div class="slide-content">
      <section class="section sm-pt-0">
        <div class="container">
          <h2 class="text-white text-center animated" data-animation="fadeInDown"><!-- Project Title --></h2>
          <div class="divider divider-alt divider-center divider-light animated" data-animation="fadeInDown" data-animation-delay="300"><span></span></div>
          <p class="lead text-white mb-50 text-center animated" data-animation="fadeInDown" data-animation-delay="600"><!-- Project Info --></p>
          <!-- Project Images etc. -->
        </div>
      </section>
    </div>
  </div>
</div>

2 个答案:

答案 0 :(得分:0)

您可以使用以下两种方式制作:
- 第一种方式:点击产品时,重新加载页面,然后在URL中传递id,然后在另一部分显示数据。
- 第二种方式(最佳方式):例如,通过jquery,当点击产品时,您加载该产品的数据,然后在另一部分显示它。

答案 1 :(得分:0)

我用jQuery解决了我的问题。我正在分享jQuery代码。

$(".details").click(function(){
var proje_baslik = $("input[name=proje_baslik]").val();
var proje_aciklama = $("input[name=proje_aciklama]").val();
var proje_url = $("input[name=proje_url]").val();
var proje_fiyat = $("input[name=proje_fiyat]").val();
var proje_resim = $("input[name=proje_resim]").val();

$("#detay .proje_baslik").html(proje_baslik);
$("#detay .proje_aciklama").html(proje_aciklama);

window.location.href = "http://localhost:81/Projeler/kodaktuelOnePage/#detay";});

感谢所有评论