С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/22: Рейтинг темы: голосов - 22, средняя оценка - 4.91
6 / 6 / 1
Регистрация: 25.07.2011
Сообщений: 68

Обновление страницы без затирания данных.

25.07.2011, 13:22. Показов 4347. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть страница-скрипт. Задача - выводить на экран сообщения. Примерный листинг таков:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?php
session_start();
error_reporting(0);
mysql_connect("127.0.0.1","root","pass"); 
$db = mysql_select_db("intermeet1");
mysql_query("set names utf8");
 
// ===============Если страница обновлена с параметром update==========================
 
 if (isset($_POST['update']))
 {
 $old=$_SESSION['count'];
 $res = mysql_query("select count(*) as count from messages where to='1'"); // Считаем все сообщения, которые НАМ написаны.
 $number = mysql_num_rows($res);   
 while ($row=mysql_fetch_array($res)) 
 {
 $c=$row['count'];
 }
 
    if ($c>$old) // Если сообщений больше, чем за прошлое обновление, то...
    {
    $res = mysql_query("select message where to='1'");
    $number = mysql_num_rows($res); 
    while ($row=mysql_fetch_array($res)) 
    {
    $msg=$row['message'];
    echo "$msg<br>";
    }
    }
 
 $_SESSION['count'] = $c; // Забиваем новые сообщения
 exit();
 }
// ==================Выводим форму для рефреша этой страницы============================
echo "
<html>  
<head>  
<meta http-equiv='Content-Type' content='text/html; Charset=UTF-8'>  
<script type='text/javascript' src='js/jquery.js'></script>  
</head>  
<body>  
  <div id='content'></div>  
    <script>  
    function show()  
    {  
    $.ajax({  
    type: 'POST',
    url: 'test.php',  
    cache: false,  
    data: 'update=true',
    success: function(html){  
    $('#content').html(html);  
    }  
    });  
    }  
    $(document).ready(function(){  
    show();  
    setInterval('show()',5000);  
    });  
    </script>  
<div id='content'></div>
</body>  
</html>  
";
?>
------------------------------------------------------------------------------
В целом скрипт работает. Когда появляются новые сообщения, он их выводит, но тут же стирает после следующего обновления.
Подскажите, как можно сделать чтоб выведенные сообщения оставались ?
Даже если новые сообщения будут не добавляться, а будет обновляться вся страница - неважно.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
25.07.2011, 13:22
Ответы с готовыми решениями:

Обновление страницы без перезагрузки
Здравствуйте! Ребята нужна помощь. В файле index.php отправляю методом POST через форму некие данные в БД, на той же странице вывожу...

Обновление страницы без перезагрузки
Скрипт добавления сообщения &lt;script&gt; $('a').click(function(){ if($(&quot;#txtMessage&quot;).val()===&quot;&quot;) { ...

Обновление списка из бд без перезагрузки страницы
Есть большой список, который подгружается на страницу из БД: &lt;div class = &quot;list&quot;&gt; &lt;div class =...

7
0 / 0 / 0
Регистрация: 25.07.2011
Сообщений: 4
25.07.2011, 22:52
Ну как-бы $('#content').html(html); и предполагает полную замену контента внутри div
Если же вам нужно чтобы данные добавлялись, то следует использовать
JavaScript
1
2
3
4
5
6
7
.....
success: function(html){ 
$('#content').append(html); 
} 
....
return false; //наверное
.....
Ну и переписать запрос
$res = mysql_query("select message where to='1'");
на $res = mysql_query("select message from messages where to='1' and datetime_creation=last_date order by id");
вроде так
0
6 / 6 / 1
Регистрация: 25.07.2011
Сообщений: 68
26.07.2011, 09:08  [ТС]
Цитата Сообщение от gcolor Посмотреть сообщение
Ну как-бы $('#content').html(html); и предполагает полную замену контента внутри div
Если же вам нужно чтобы данные добавлялись, то следует использовать
JavaScript
1
2
3
4
5
6
7
.....
success: function(html){ 
$('#content').append(html); 
} 
....
return false; //наверное
.....
Ну и переписать запрос
$res = mysql_query("select message where to='1'");
на $res = mysql_query("select message from messages where to='1' and datetime_creation=last_date order by id");
вроде так
СПАСИБО. Работает, правда не так как хотелось бы изначально.

Дело в том, что в реальном коде, есть еще дополнительные строчки, которые считают там количество страниц, и т.д. и должны выполняться.
В общем, ЖЕЛАНИЕ: чтоб тред (запрос по сообщениям), обновлялся тогда, когда в базе есть новые сообщения (то есть когда срабатывает первая проверка).
РЕАЛЬНОСТЬ: тред обновляется, когда в базе есть новые сообщения, но когда в базе сообщений нет - содержимое затирается.

Добавлено через 5 часов 47 минут
Вот примерно схема этого скрипта:

[инициализационная часть]

[проверка на то, была ли страница обновлена]---

[проверка на новые сообщения]---
если true, то...

[div id='msg']--------

mysql запросы
echo результата

[/div]---------------

[проверка на новые сообщения]---

[проверка на то, была ли страница обновлена]---

[часть, которая обновляет страницу каждые 5 сек, через ajax]

======================================== ====
Как я понимаю, мне нужно затирать предыдущее содержимое div, перед тем как вывести в него результат.
Пробовал $('#msg').after('').remove(); - затирает, но новый результат не выводит (хотя запрос проходит)
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.07.2011, 11:39
расскажу примерно как реализовано у меня в чате: через AJAX передается ID последнего сообщения по кругу, то есть при первой загрузке страницы он считывает номер сообщения которое было загружено последним и передает его по кругу. Далее а ajax проверяется не изменился ли ID последнего сообщения, далее если изменился - добавляем к существующему, если нет - ничего не делаем (только передаем номер последнего сообщения). Самый простой вариант - скачай любой чат на ajax и поковыряй его, что там и как. И я использую document.write();
0
6 / 6 / 1
Регистрация: 25.07.2011
Сообщений: 68
26.07.2011, 13:16  [ТС]
Цитата Сообщение от acupation Посмотреть сообщение
расскажу примерно как реализовано у меня в чате: через AJAX передается ID последнего сообщения по кругу, то есть при первой загрузке страницы он считывает номер сообщения которое было загружено последним и передает его по кругу. Далее а ajax проверяется не изменился ли ID последнего сообщения, далее если изменился - добавляем к существующему, если нет - ничего не делаем (только передаем номер последнего сообщения). Самый простой вариант - скачай любой чат на ajax и поковыряй его, что там и как. И я использую document.write();
Там сообщения добавляются при помощи innerHTML, мне же это немного не подходит, по техническим причинам
Но за совет спасибо
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.07.2011, 13:18
Можешь объяснить почему тебе не подходит по тех причинам? (Для спасибо - кнопочка спасибо )
1
6 / 6 / 1
Регистрация: 25.07.2011
Сообщений: 68
29.07.2011, 10:03  [ТС]
InnerHTML позволит мне просто вывести информацию на экран.

Окей, скажу на реальном примере. Система сообщений. Лимит - 10 сообщений на страницу. Скрипт просчета количества страниц в зависимости от количества сообщений.

Прежде чем вывести само сообщение на экран, мне нужно просчитать количество страниц, учитывая текущее количество сообщений, вывести управление этими страницами (например 1 2 3), а зачем вывести максимум ДЕСЯТЬ сообщений на текущей странице).

Если делать через innerHTML, то паолучится например, если у меня на странице сейчас 10 сообщений, и мне придет 11-е, то оно выведется на экран.
А мне необходимо чтоб добавилась ВТОРАЯ страница, а пришедшее сообщение отобразилось на первой.
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
29.07.2011, 13:28
так не проблема, сделай просчеты и другое в ajax и передай из него в виде функции к примеру. Передай из него к примеру
PHP
1
2
3
4
5
    $js .="$(function(){ ";
    $js .="$('#str2').css('display', 'block'); ";
    $js .="$('#str1').css('display', 'none'); ";
    $js .=" }); ";
echo $js;
(Пример для JQuery) и одна страница скроется, другая останется. А при делении на страницы можешь просто создавать дивы с определенным названием, добавлять только цифру и опять таки же сделать это из ajax
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.07.2011, 13:28
Помогаю со студенческими работами здесь

Обновление контента из БД без перезагрузки страницы
Здравствуйте. Имеется страница, на которой посредством PHP из БД выводится некая информация. Примерная структура страницы: ...

Обновление информации без перезагрузки страницы
Есть такой сайт http://www.csgodouble.com/withdraw.php . На этом сайте после авторизации нужно ввести капчу и слева в таблице появляются...

Обновление каптчи без перезагрузки страницы
Здравствуйте, уважаемые пользователи данного сайта. Мне нужна ваша помощь в вопросе обновления капчи. В данный момент, капча...

Обновление select без перезагрузки страницы
на страничке есть форма с двумя селектами: выбор факультета и выбор группы. нужно, чтобы при изменении первого селекта во втором...

Обновление страницы без перезагрузки
Помогите, как сделать, чтобы страница обновлялась без нажатия кнопки в браузере кнопки обновить? добавляю комментарий к новости, но чтобы...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru