Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > обновление страницы без редиректа


Автор: Shark 6.6.2011, 21:34
Доброго времени суток.
поставил себе задачку, а решить не могу, т.к. еще плохо ориентируюсь в ajax'е...
Задача:
в бд есть n-е кол-во строк, в котрой хранятся цитатки, как сделать так, чтоб каждые 10 сек (этого достаточно для прочтения небольшого текста), цитатки менялись?

запросы в БД и вывод сделаю сам, а вот обновления данных как сделать понятия не имею...

P.S. пока буду ждать ответа тут, поюзаю поиск

Автор: нуп 6.6.2011, 22:15
Создаете контейнер в который будете выводить цитаты, создаете функцию которая делает запрос на сервер и заносит данные в контейнер, и запускаете setInterval с вызовом функции для обновления.  smile 

Автор: Shark 6.6.2011, 23:55
нашел такой код (запрос мой):
Код

<?php
echo "    <script>
        function show()
        {
            $.ajax({
                success: function(html){
                    $('#con').html(html);
                }
            });
        }
        $(document).ready(function(){
            show();
            setInterval('show()',2000);
        });

    </script>";
$quotes=mysql_query("SELECT * FROM wot_quote ORDER BY RAND()") or die (mysql_error());
$quote=mysql_fetch_array($quotes);
echo "<div id=\"con\">".$quote['quote']."</div>";
    ?>


но он почему-то дублирует (на вывод) index.php, который выглядит так:
Код

<?php
define( '_INDEX', 1 );
include "conf.php";
include_once "config.php";
include_once "ob_start.php";

echo "<LINK REL=\"SHORTCUT ICON\" HREF=".$Option->favicon.">
<LINK href=".$Option->css." type=text/css rel=STYLESHEET>
<script type=\"text/javascript\" src=\"js/jquery.js\"></script>
<title>".$Option->title."</title>

<div id='div_container'>
    <div id='div_head'></div>
    <div id='div_menu'>";
        echo $menu;
    echo "</div>
</div>";
include "quote.php";



?>

Автор: Shark 7.6.2011, 06:08
Задача выполнена

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)