Javascript 使用jquery从php获取数据,然后再次传递给php
以下是我的设置:Javascript 使用jquery从php获取数据,然后再次传递给php,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,以下是我的设置: <div class="container"> <ul> <li data-owner="93"><a href="javascript:void(0);"></a></li> <li data-owner="94"><a href="javascript:void(0);"></a></li> <
<div class="container">
<ul>
<li data-owner="93"><a href="javascript:void(0);"></a></li>
<li data-owner="94"><a href="javascript:void(0);"></a></li>
<li data-owner="95"><a href="javascript:void(0);"></a></li>
</ul>
<div class="below_list">
<div class="popup">
<a href="javascript:void(0);" class="popup-close">
<img src="<?php echo get_template_directory_uri(); ?>/images/close.jpg">
</a>
<div class="slider-wrapper">
<div class="slider-inner">
<img src="<?php echo get_template_directory_uri(); ?>/images/slider.png" />
<img src="<?php echo get_template_directory_uri(); ?>/images/slider2.png" />
<img src="<?php echo get_template_directory_uri(); ?>/images/slider3.png" />
</div>
</div>
<div class="description">
<h1 class="title"></h1>
<h3 class="subtitle"></h3>
<p class="description"></p>
</div>
</div>
</div>
</div>
/图像/滑块.png“/>
/图像/幻灯片2.png“/>
/图像/幻灯片3.png“/>
每当我单击列表项时,我都会使用以下命令获取数据所有者:var formId=$(this.attr('data-owner');
。这将用作ID
<> >我将不得不使用<代码> $(‘title’)附加到空白<代码> H1 。追加('');< /Cord>< /P>
我知道PHP只执行一次,但我不确定如何找到解决方案
请注意,所有内容都发生在一个页面中,无需刷新。为此,您需要使用ajax。 您的php最初是在页面加载时处理的,但之后的任何事情都不会被处理。 检查上的导轨 您需要将所选id传递到另一个php页面(本例中为backend.php),将其进行处理(本例中为获取标题),并在backend.php中回显结果 示例代码如下所示
$.ajax({
type:"POST",
url: "backend.php",
data:"id="+formId , //add the variable you need to pass to the backend.php
success: function(html){
$("#response").html(data); //shows the output given in the backend.php in the response div.
}
});
调用ajax两次
$.ajax({
url: 'a.php',
data: {name: 'xxxxxx'},
dataType: 'jsonp',
success: function(data){
// do stuff
// call next ajax function
$.ajax({ ....call to b.php....});
}
});
如果必须仅更改
h1
文本而不更改任何数据库,则可以使用
$('.container ul li').on('click',function(){
var formId = $(this).attr('data-owner');
$.ajax({
type:"POST",
url: "saveData.php",
data:"formId="+formId ,
success: function(data){
$(".title").text(data);
}
});
});
在saveData.php中
<?php
//编写查询
,从数据库
中获取相应formId的数据
//然后echo
从查询中获得的标题
echo $formTitle;
此数据将在ajaxsuccess
希望这对你有所帮助:)我知道PHP只执行一次
我认为你需要更多地了解正在发生的事情。在询问细节之前,你需要很好地掌握基本原理。
echo $formTitle;