Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/273.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在不刷新的情况下将值发布到另一个页面并获取数据?_Php_Ajax - Fatal编程技术网

Php 如何在不刷新的情况下将值发布到另一个页面并获取数据?

Php 如何在不刷新的情况下将值发布到另一个页面并获取数据?,php,ajax,Php,Ajax,我有很多标签。我希望单击每个标签,然后将标签的值发布/获取到另一个页面 在另一个页面中,接收值并进行mysql查询。然后将重释数据返回到第一页(不要创建iframe) 我认为jQueryPOST和load可以做到这一点(但不知道如何组合这两个函数)。也许还有别的办法。谢谢 这是我的密码 products.php <a href="data.php?get=hml03">model:hml03</a> <a href="data.php?get=hml04">

我有很多标签。我希望单击每个标签,然后将标签的值发布/获取到另一个页面

在另一个页面中,接收值并进行mysql查询。然后将重释数据返回到第一页(不要创建iframe)

我认为jQueryPOST和load可以做到这一点(但不知道如何组合这两个函数)。也许还有别的办法。谢谢

这是我的密码

products.php

<a href="data.php?get=hml03">model:hml03</a> 
<a href="data.php?get=hml04">model:hml04</a> 
<a href="data.php?get=hml05">model:hml05</a><!--post value from products.php--> 

data.php

<div id="data">
<?php
$result = mysql_query("SELECT id,name,details,add_date,model FROM ctw_products WHERE (MATCH (name,details,model) AGAINST ('+$_GET['get']' IN BOOLEAN MODE) Order By add_date DESC LIMIT 20 "); // get value with a mysql query 
while ($row = mysql_fetch_array($result))
{
echo '<div class="name">'.$row['name'].'</div>';
echo '<div class="model">'.$row['model'].'</div>'; 
echo '<div class="details">'.$row['details'].'</div>';// how to return this part of datas back to products.php 
}
?>
</div>
...<!--many other tags --> 
<div class="show_data"></div><!-- get the data back show in here without refresh the page.

... 

首先,您需要AJAX来做到这一点。实现这一点的最简单方法是使用类似

您可以下载该库并将其包含在本地,也可以直接从jQuery站点链接到该库。下面的代码应该允许您在不刷新页面的情况下从data.php获取数据

<!--include the jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js"></script> 
<script type="text/javascript">
function get_data(get){
$.get('data.php?get='+get, function(data) {
     $('.show_data').html(data);
});
}
</script>

函数get_data(get){
$.get('data.php?get='+get,函数(数据){
$('.show_data').html(数据);
});
}
接下来,修改链接以调用get_data onclick,如下所示:

<a href="" onclick="get_data('hml03')">model:hml03</a>

注意我们如何传递产品id以获取_数据,您需要为每个链接执行此操作


我建议您仔细阅读Ajax和JQuery,真正了解这一点。

使用dataType=JSON学习JQuery Ajax。还要阅读JSON\u encode和JSON\u decode