PHP在同一页上传递变量
问题描述:
我正在PHP上创建一个项目。但我有一个问题。我想要将某个部分的值传递给另一部分。例如:第一部分我展示了所有产品,第二部分我展示了产品的详细信息。当我点击第一部分的产品时,产品价值观应该通过第二部分。我正在分享我的代码。由于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种方式:
- 第一路:上一个产品点击时,你重新加载页面,并在url中传递该id,并在其他部分显示数据。第二种方式(最佳方式):通过jquery,例如,当点击一个产品时,你加载这个产品的数据,并在另一个部分显示它。
+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";});
感谢所有评论
PHP是一个服务器端语言。一旦php执行完成,页面就会被提供。将内容隐藏在页面加载中并在需要时显示,或者在需要时通过Ajax获取详细信息。 –
你必须使用javascript/jquery来实现你想要的。 –
我明白了,感谢PankajMakwana和BilalAkbar –