如何將值發佈到另一個頁面並取回數據而不刷新？

Question

我有很多標籤。我想單擊每個標籤，然後將標籤的值發佈/獲取到另一個頁面。

在另一頁中，收到值並進行mysql查詢。然後將resalt數據返回到第一頁（不要創建iframe）。

我認爲jquery的帖子和加載可能可以做到這一點（但不知道如何結合兩個功能）。或者也許有其他方法。謝謝。

這裏是我的代碼

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. 

Answer 1

首先，你需要AJAX能夠做到這一點。實現此目的最簡單的方法是使用庫如jQuery

您可以下載庫並將其包含在本地或直接從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的onclick是這樣的：

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

注意我們是如何傳遞的標識產品get_data，你需要爲每個鏈接做到這一點。

我會建議你閱讀Ajax和JQuery來真正瞭解這個主意。