база данных php, динамическая загрузка контента jquery

Question

база данных php, динамическая загрузка контента jquery

0

Я хотел бы добиться такого эффекта, за исключением того, что при нажатии на картинку (ссылка) скрипт jquery отправляет GET в тот же файл из факта, что с другим идентификатором. Я имею в виду динамическую перезагрузку страницы без обновления добавленного эффекта в прикрепленной ссылке.

мой код:

<script>
$('a.menu').click(function(){
    $('.content').html('');

})
</script>

<div class="content" id="page_effect" style="padding:0px; display:none;">
<div class="separator" style="margin: -17px auto;"></div>
<span class="choose-product"> Wybierz Produkt</span>

<p>
<?php
$kat=$_GET['kat'];
$co_ile_strona=9;
//----------------

$dopisz="";

if (is_numeric($kat)) {

$dopisz=" WHERE kat_id='".$kat."'";
$wyk=mysql_query("SELECT * FROM kategorie WHERE kat='".$kat."'");
while($ww=mysql_fetch_array($wyk)) {
$dopisz.=" OR kat_id='".$ww['id']."'";
}

}

$sile=false;
$wyk=mysql_query("SELECT * FROM produkty ".$dopisz."");
if ($ile=mysql_num_rows($wyk)) {

if (!$sile) { 

$nazwa = mysql_fetch_assoc(mysql_query("SELECT * FROM kategorie WHERE id='".$_GET['kat']."'"));
if(strlen($nazwa['nazwa']) > 0)
$nazwa = $nazwa['nazwa'];
?>


<div style="text-align: center; width: 80%;margin: 0 auto;margin-top: 39px;">
    <a href="produkt.html"><div class="product-box">
        <img src="images/picasso0.png" alt="Product"/>
        <span class="product-title"><?=$nazwa?></span>
    </div>
    </a>

    <?
$sile=true;
}
if (!$_GET['strona']) $strona=1; else $strona=$_GET['strona'];
$start=($strona*$co_ile_strona)-$co_ile_strona;
mysql_data_seek($wyk,$start);
$licz=0;

while(($ww=mysql_fetch_object($wyk)) && $licz<$co_ile_strona) { $licz++;
?>
   <a href="<?=strtolower(seo($ww->nazwa))?>-<?=$ww->id?>p.html"><div class="product-box">
        <img src="produkty/front/<?=$ww->front?>" alt="<?=$ww->nazwa?>"/>
        <div class="name2"><span><?=$ww->nazwa?> </span></div>
    </div>
    </a> 
<?
}
} else echo "<span style='color: #ff0000; font-size: 12pt; font-weight: bold;'>Przepraszamy, ale nie znaleziono produktów pasujących do tego zapytania</span>";
?>

</div>
    <div class="menu-bottom" style="text-align:center;">
        <span style="position: relative;top: 25px;display: inline-flex;margin-bottom: 20px;">Wybierz serię:
        <ul>
<?php
$zapas=$_GET['kat'];
$wyk=mysql_query("SELECT * FROM kategorie WHERE kat='0' and wid='1' ORDER BY poz ASC");
while($ww=mysql_fetch_object($wyk)) {
?> <!--<?/*=$ww->nazwa?>-<?=$ww->id*/?>k.html*/-->
<li> <a href="<?=$ww->id;?>" class="menu" title="<?=$ww->nazwa?>"><? if($_GET['kat']==$ww->id) echo "<span style='color: #000;'>".$ww->nazwa.""; else echo $ww->nazwa?></a></li>
<? } ?>
        </ul>
    </span>
    </div>

    <!-- end .content --></div>

ссылка: Нажмите здесь

Kubol 19 фев. 2014, в 23:07

Источник

0

Посмотрите на функции get() или post() jQuery. Примечания: не используйте mysql_, используйте вместо этого mysqli_ или PDO; ваше соглашение об именах ужасно Старайтесь не смешивать английский и польский, я бы рекомендовал использовать английский.
Andrzej Ośmiałowski 19 фев. 2014, в 22:43
0

Спасибо Adnrzej за ваш resposne, я только должен изменить этот код, я всегда использую английскую переменную :) Спасибо Andrzej за ответ. Я всегда использую английские имена переменных. Я знаю, как использовать post и Geta в js, но это всегда включает перезагрузку страницы :(
Kubol 19 фев. 2014, в 23:08
0

Давайте лучше использовать английский :) Функции get() или post() jQuery не вызывают перезагрузку страницы. Позвольте мне подготовить ответ.
Andrzej Ośmiałowski 19 фев. 2014, в 23:10

Показать ещё 1 комментарий

Теги:

php

database

jquery

dynamic

1 ответ

Ещё вопросы

Посмотрите на функции get() или post() jQuery. Примечания: не используйте mysql_, используйте вместо этого mysqli_ или PDO; ваше соглашение об именах ужасно Старайтесь не смешивать английский и польский, я бы рекомендовал использовать английский.
Спасибо Adnrzej за ваш resposne, я только должен изменить этот код, я всегда использую английскую переменную :) Спасибо Andrzej за ответ. Я всегда использую английские имена переменных. Я знаю, как использовать post и Geta в js, но это всегда включает перезагрузку страницы :(
Давайте лучше использовать английский :) Функции get() или post() jQuery не вызывают перезагрузку страницы. Позвольте мне подготовить ответ.

Andrzej Ośmiałowski · Answer 1 · 2014-02-19T21-48-00.000Z

Как указано в комментарии, вы должны отправить запрос AJAX на страницу, которая отвечает за обработку задач базы данных. Вы можете использовать функцию get() или post() которая является сокращением функции AJAX, как указано в документации jQuery.

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Я подготовил простой jsFiddle демонстрирующий, как задача может быть достигнута (обратите внимание на event.preventDefault() вызов):

$(document).ready(function(){
  $("button").click(function(e){
      var URL = '';
      $.get(URL,function(data){
      console.log("Status: " + status);
      e.preventDefault();
    });
  });
});

Надеюсь, это поможет.