Как разместить значение на другой странице и получить данные без обновления?

Question

У меня много тегов. Я хочу щелкнуть каждый тег, а затем опубликовать / получить значение тега на другой странице.

На другой странице, получил значения и сделал запрос MySQL. Затем верните пересчитанные данные на первую страницу (не создавайте фрейм).

Я думаю, что jquery post и 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.

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, чтобы по-настоящему понять эту идею.