Автор Тема: Прост Ajax с jQuery  (Прочетена 2677 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

kerkenez

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 2
  • -Получени: 14
  • Публикации: 1205
Прост Ajax с jQuery
« -: 21 Септември 2010, 00:45:43 »
** Тази тема дискутира:: Прост Ajax с jQuery **
Автор: Нед
« Последна редакция: 22 Април 2015, 21:45:06 от Avalanche »

HanKrum

  • Гост
Re: Прост Ajax с jQuery
« Отговор #1 -: 29 Ноември 2011, 16:57:45 »
Заглавието напълно отговаря на състоянието ми, но не и на постижението ми.
Имам файла dokumenti.php,който ползва темплейта dokumenti.html, ето ги и тях:
Код: PHP
  1. <?php
  2.  
  3. if ($_SESSION['is_logged'] === true) {
  4.     include 'source/lib.php';
  5.     include 'nazad.php';
  6.    
  7.     $filename = 'template/dokumenti.html';
  8.     $file = fopen($filename, 'r');
  9.     $content = fread($file, filesize($filename));
  10.     $content = str_replace('{{IZDATEL}}', SetUp::$izdatel, $content);
  11.     $content = str_replace('{{CSS}}', $css, $content);
  12.     $content = str_replace('{{SNIMKA}}', snimka($_SESSION['user_pic']), $content);
  13.     $content = str_replace('{{TOP}}', top('Документи'), $content);
  14.     $content = str_replace('{{NAZAD}}', nazad(), $content);
  15.     $content = str_replace('{{CONTENT}}', '<div class="result"></div>', $content);
  16.     echo $content;
  17.     fclose($file);
  18. } else {
  19.     header('Location: index.php');
  20. }

Код: HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="bg" xml:lang="bg">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <meta name="Author" content="hankrum.info" />
  6.         <title>{{IZDATEL}}</title>
  7.         <link rel="stylesheet" href="css/{{CSS}}" type="text/css" />
  8.         <script type="text/javascript" src="js/lib.js">
  9.         {{SNIMKA}}
  10.     </head>
  11.     <body>
  12.         {{TOP}}
  13.         {{NAZAD}}
  14.         <a class="buton" href="dokumenti.php">Изчистване</a><br /><br />
  15.         <span class="icon"><a id="1" class="toc" href="#" ><img src="resource/pic/faktura.png" alt="Ф" />Фактури</a></span>
  16.         <span style="margin-top: -92px; margin-left: 250px;" class="icon"><a id="2" class="toc" href="#" ><img src="resource/pic/garanciq.png" alt="Т" />Гаранционни карти</a></span>
  17.         <span style="margin-top: -92px; margin-left: 500px;" class="icon"><a id="3" class="toc" href="#" ><img src="resource/pic/razpiska.png" alt="Т" />Разписки</a></span>
  18.         <span style="margin-top: -92px; margin-left: 750px;" class="icon"><a id="4" class="toc" href="#" ><img src="resource/pic/search_faktura.png" alt="Т" />Статистики</a></span>
  19.         {{CONTENT}}
  20.     </body>
  21. </html>
  22.  

зареждам си jquery-то и ето ми го JS-файла
Код: Javascript
  1. $(document).ready(function(){
  2.     $('.toc').click(function(){
  3.         var $id = $(this).attr('id');
  4.         $('.result').hide(1);
  5.         $.ajax({
  6.             url: 'dokumenti.php?c='+$id,
  7.             success: function(data){
  8.                 $('.result').html(data);
  9.                 $('.result').slideDown(1500);
  10.                 alert('Dobre e!!!')
  11.             }
  12.         });
  13.     });
  14. });
Проблема е, че не стигам до съобщението "Dobre e!!!".
Къде греша?

п.п. Хич ме няма с този AJAX(то не, че ме има другаде де).


п.п.п Да бях написал и това а? <script type="text/javascript" src="js/jquery.js"></script>
« Последна редакция: 29 Ноември 2011, 17:23:38 от HanKrum »

kerkenez

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 2
  • -Получени: 14
  • Публикации: 1205
Re: Прост Ajax с jQuery
« Отговор #2 -: 29 Ноември 2011, 17:13:10 »
Ако не ти показва грешки в конзолата, почваш да търсиш грешките сам. Примерно, сложи един алерт точно преди $('.toc').click(function(){ и един точно след него за да видиш кое работи и кое не. Ако не се появят алертите слагаш алерт по-нагоре в кода.

Цитат
</script></script>
??

Pitankata

  • Мно'о доблестни
  • Hero Member
  • ***
  • Благодарности
  • -Казани: 89
  • -Получени: 136
  • Публикации: 1321
  • ПАЗИТЕЛ НА ЧАТА
Re: Прост Ajax с jQuery
« Отговор #3 -: 29 Ноември 2011, 17:31:16 »
п.п.п Да бях написал и това а? <script type="text/javascript" src="js/jquery.js"></script>

пробвай и това <script type="text/javascript" src="js/lib.js"> да го напишеш така:

<script type="text/javascript" src="js/lib.js"></script>
Мързелът всъщност е доста гадна работа, не можеш да спреш за да си починеш...

HanKrum

  • Гост
Re: Прост Ajax с jQuery
« Отговор #4 -: 29 Ноември 2011, 17:49:51 »
Разбрах къде греша, просто не зареждам библиотеката, а </script> дето се повтаря е от бързане и много редактиране на поста :).

HanKrum

  • Гост
Re: Прост Ajax с jQuery
« Отговор #5 -: 29 Ноември 2011, 17:50:44 »
п.п.п Да бях написал и това а? <script type="text/javascript" src="js/jquery.js"></script>

пробвай и това <script type="text/javascript" src="js/lib.js"> да го напишеш така:

<script type="text/javascript" src="js/lib.js"></script>
То така е написано но не съм го копнал както трябва.