Обновление переменной без перезагрузки страницы

@skroliks · Регистрация: 14.07.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Я тут новичок,поэтому не судите строго..

Суть в чем: у меня есть переменная, скажем $sum, значения которой берутся из базы данных, к примеру:

$sum = data1["data1"] * data2["data2"];

Мне нужно, чтобы эта переменная $sum обновлялась без перезагрузки страницы через указанное время (скажем 10 секунд) и выводилась в нужном div:

<div id="sum">$sum</div>

Буду благодарен за конкретные примеры (нужное подставлю сам).
Заранее спасибо!

@skroliks · 17.08.2016, 22:10 **[ТС]**

XRoy, я сразу не правильно выложил- потом подправил ( в теме), а по факту сделал все правильно..

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

@Shakalaka · 17.08.2016, 22:11

Сообщение от skroliks

при чем здесь консоль?

консоль браузера, если в js возникли ошибки они выведутся там...

@skroliks · 17.08.2016, 22:22 **[ТС]**

Shakalaka, ну вы же мне написали что нужно где прописать, я так и прописал - итог: ничего не изменяется просто ( как должно быть).. вот и вся ошибка.. где в консоли смотреть - я без понятия

@Shakalaka · 17.08.2016, 22:25

Сообщение от skroliks

где в консоли смотреть - я без понятия

f12 или ctrl + shift + i вкладка консоль. А вообще, зачем вы лезите в дебри, если банально не знаете что такое консоль браузера?

@skroliks · 17.08.2016, 22:31 **[ТС]**

Shakalaka, о каких дебрях вы пишете? Если для вас это дебри - то, пожалуйста, не отвечайте больше..
Я задал конкретный вопрос и предоставил конкретный данные..

Все подставил как написали - и не работает..

@Shakalaka · 17.08.2016, 22:39

Сообщение от skroliks

Все подставил как написали - и не работает..

Для особо одаренных, вы задали вопрос по js, если что-то не работает значит есть ошибка, ошибки JS отображаются в консоли браузера.

Сообщение от skroliks

Я задал конкретный вопрос и предоставил конкретный данные.

Ваши конкретные данные(код вызова функции на php) - это просто мусор, который ни о чем не говорит.

Сообщение от skroliks

Если для вас это дебри - то, пожалуйста, не отвечайте больше..

Пожалуй так и сделаю.

@skroliks · 17.08.2016, 22:57 **[ТС]**

Shakalaka, для начала - я в самом начале писал, что я новичок и мало что понимаю..
Поэтому я сразу написал, что я новичок, и нужны конкретные примеры.. Я без понятия где эту "консоль смотреть"если что не так..
Я задал конкретный вопрос:
есть переменная $a и как ее отображать исходя из формулы без перезагрузки страницы на приблизительном примере - все варианты что мне предложили - я пробовал - и ничего не прошло..
я ни чем не хотел вас обидеть

@XRoy · 17.08.2016, 23:00

skroliks,
Берете код который написал Shakalakaи строчку за строчкой меняете и смотрите что работает и не работает, так точно будете знать где проблема

@skroliks · 18.08.2016, 13:18 **[ТС]**

Сообщение от XRoy

Берете код который написал Shakalakaи строчку за строчкой меняете и смотрите что работает и не работает, так точно будете знать где проблема

В общем как оказалось я все таки знаю что такое консоль (просто не сразу вспомнил

).
Сделал все как написал товарисч Shakalaka - но в консоли выдает ошибку на его код javascript, а именно:

GET http://site.ru/account/sum.php 500 (Internal Server Error) script.js:5

строка 5 в коде - это:

req.send(); - почему-то ссылается на ошибку

И еще: правильно что вывод должен быть вида <div id="sum"></div> - т.е. там просто пустое место?

Заранее спасибо за ответы!

@kalabuni · 18.08.2016, 13:42

Сообщение от skroliks

по факту сделал все правильно

нет, у вас в принципе всё неправильно
вы не понимаете главного, а именно -- для обновления какой-то части страницы вам необходимо два файла
первый файл загрузится в браузер пользователя, создаст там контейнер <div id="sum"></div>
и этот же первый файл раз в 10 секунд будет отсылать запрос второму файлу, который будет получать значение из базы данных, сохранять его в PHP-переменной $sum и будет выводить эту переменную в выходной поток PHP-функцией echo

где в вашем "всё правильно сделанном" имеется хоть один намёк на второй файл?

@skroliks · 18.08.2016, 13:54 **[ТС]**

Сообщение от kalabuni

нет, у вас в принципе всё неправильно
вы не понимаете главного, а именно -- для обновления какой-то части страницы вам необходимо два файла
первый файл загрузится в браузер пользователя, создаст там контейнер <div id="sum"></div>
и этот же первый файл раз в 10 секунд будет отсылать запрос второму файлу, который будет получать значение из базы данных, сохранять его в переменной $sum и будет выводить эту переменную в выходной поток PHP-функцией echo
javascript будет прописан только в первом файле
где в вашем "всё правильно сделанном" имеется хоть один намёк на второй файл?

Ну смотрите, у меня есть основной файл php в котором выводится <div id="sum"></div> и прямо в нем (я решил не заморачиваться с созданием отдельного js файла) код js:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
var container = document.getElementById("sum");
function getSum(){
    var req = new XMLHttpRequest();
    req.open("GET", "sum.php");
    req.send();
    req.onreadystatechange = function(){
        if(req.readyState == 4 && req.status == 200){
            container.innerHTML = req.responseText;
        }
    }
}
setInterval(function(){
    getSum();
}, 10000)
</script>

Как видим он отсылается к файлу sum.php где я и описал получение переменных из базы, а именно:

Code
1
2
$sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]);
echo $sum;

(подключение к базе и определение функций я там сделал).

В итоге оно выдает мне в консоли ошибку:

GET http://site.ru/account/sum.php 500 (Internal Server Error)

ссылаясь на ошибку в строке:

Code
1
req.send();

Что я не так делаю?

@kalabuni · 18.08.2016, 14:03

Сообщение от skroliks

(я решил не заморачиваться с созданием отдельного js файла)

второй файл, о котором я вам написал -- это не js-файл, это именно PHP-файл, потому что только PHP-файл может получать данные из БД

первый файл, который создаст пустой контейнер <div id="sum"></div> (и в котором будет прописан javascript-код для регулярного вызова второго файла) -- он может быть просто HTML-файлом
а вот второй файл -- он обязательно должен быть PHP-файлом (повторяю: потому что только PHP может работать с БД)

@skroliks · 18.08.2016, 14:05 **[ТС]**

Сообщение от kalabuni

второй файл, о котором я вам написал -- это не js-файл, это именно PHP-файл, потому что только PHP-файл может получать данные из БД

Ну я же и создал второй файл sum.php в котором описал получение переменной из БД и на который ссылается код js. Что не так?

@kalabuni · 18.08.2016, 14:13

и наконец, хоть какое-нить другое аглицкое слово, кроме sum, вам известно?
даже у Эллочки-людоедки в запасе было 30 слов, а у вас всего одно: id контейнера у вас sum, PHP-переменная тоже $sum, теперь ещё и имя файла sum.php

--------------------------------
где заголовок в вашем PHP-файле?
где строка header ("Content-type: text/plain; charset=utf-8");? -- она должна быть перед инструкцией echo $sum;

@skroliks · 18.08.2016, 15:06 **[ТС]**

Сообщение от kalabuni

и наконец, хоть какое-нить другое аглицкое слово, кроме sum, вам известно?
даже у Эллочки-людоедки в запасе было 30 слов, а у вас всего одно: id контейнера у вас sum, PHP-переменная тоже $sum, теперь ещё и имя файла sum.php
--------------------------------
где заголовок в вашем PHP-файле?
где строка header ("Content-type: text/plain; charset=utf-8");? -- она должна быть перед инструкцией echo $sum;

Да без разницы как файл называется - это все можно потом переименовать, я просто пытаюсь нормально разобраться.
А по поводу header ("Content-type: text/plain; charset=utf-8"); - там все это есть, вместе с подключением к базе и определением функций.

Добавлено через 43 минуты

Сообщение от kalabuni

и наконец, хоть какое-нить другое аглицкое слово, кроме sum, вам известно?
даже у Эллочки-людоедки в запасе было 30 слов, а у вас всего одно: id контейнера у вас sum, PHP-переменная тоже $sum, теперь ещё и имя файла sum.php
--------------------------------
где заголовок в вашем PHP-файле?
где строка header ("Content-type: text/plain; charset=utf-8");? -- она должна быть перед инструкцией echo $sum;

Так вы поможете или нет?

@kalabuni · 18.08.2016, 15:11

сначала проверьте ваш PHP-файл -- просто запустите его в браузере и посмотрите, что он вам выдаст на странице: как я понимаю, это должно быть какое-то целое число
когда проверите, приступим к исправлению ваших ошибок в javascript'e -- а они там имеются, начиная прямо с самой первой строки кода

@skroliks · 18.08.2016, 15:40 **[ТС]**

Сообщение от kalabuni

сначала проверьте ваш PHP-файл -- просто запустите его в браузере и посмотрите, что он вам выдаст на странице: как я понимаю, это должно быть какое-то целое число
когда проверите, приступим к исправлению ваших ошибок в javascript'e -- а они там имеются, начиная прямо с самой первой строки кода

Такс, файл sum.php подставил и проверил - выдает целое число, что дальше?

@kalabuni · 18.08.2016, 15:59

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function getSum ()
    {
    var req = new XMLHttpRequest ();
    req.open ('get', 'sum.php', true);
    req.onreadystatechange = function ()
        {
        if (req.readyState == 4)
            {
            document.getElementById ('sum').innerHTML = req.responseText;
            setTimeout (getSum, 10 * 1000);
            }
        }
    req.send(null);
    }
 
onload = getSum;

@skroliks · 18.08.2016, 16:04 **[ТС]**

Сообщение от kalabuni

К сожалению не работает. Отсылается с ошибкой на:

req.send(null);

Что еще не так?

@kalabuni · 18.08.2016, 16:15

откуда эти множественные звёздочки появились, интересно?

мой код (без звёздочек) на 146% рабочий

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30

	Обновление переменной без перезагрузки страницы 17.08.2016, 20:27. Показов 11673. Ответов 48 Метки нет (Все метки) Здравствуйте! Я тут новичок,поэтому не судите строго.. Суть в чем: у меня есть переменная, скажем $sum, значения которой берутся из базы данных, к примеру: *$sum = data1["data1"] data2["data2"];** Мне нужно, чтобы эта переменная $sum обновлялась без перезагрузки страницы через указанное время (скажем 10 секунд) и выводилась в нужном div: <div id="sum">$sum</div> Буду благодарен за конкретные примеры (нужное подставлю сам). Заранее спасибо! 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 22:10 [ТС]
	XRoy, я сразу не правильно выложил- потом подправил ( в теме), а по факту сделал все правильно.. Добавлено через 1 минуту Shakalaka, при чем здесь консоль? должно же с обновлением выводиться переменной на странице - а ничего не обновляется.. 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 22:22 [ТС]
	Shakalaka, ну вы же мне написали что нужно где прописать, я так и прописал - итог: ничего не изменяется просто ( как должно быть).. вот и вся ошибка.. где в консоли смотреть - я без понятия 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 22:31 [ТС]
	Shakalaka, о каких дебрях вы пишете? Если для вас это дебри - то, пожалуйста, не отвечайте больше.. Я задал конкретный вопрос и предоставил конкретный данные.. Все подставил как написали - и не работает.. 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 22:57 [ТС]
	Shakalaka, для начала - я в самом начале писал, что я новичок и мало что понимаю.. Поэтому я сразу написал, что я новичок, и нужны конкретные примеры.. Я без понятия где эту "консоль смотреть"если что не так.. Я задал конкретный вопрос: есть переменная $a и как ее отображать исходя из формулы без перезагрузки страницы на приблизительном примере - все варианты что мне предложили - я пробовал - и ничего не прошло.. я ни чем не хотел вас обидеть 0

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	17.08.2016, 23:00
	skroliks, Берете код который написал Shakalakaи строчку за строчкой меняете и смотрите что работает и не работает, так точно будете знать где проблема 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.08.2016, 14:13
	и наконец, хоть какое-нить другое аглицкое слово, кроме sum, вам известно? даже у Эллочки-людоедки в запасе было 30 слов, а у вас всего одно: id контейнера у вас sum, PHP-переменная тоже $sum, теперь ещё и имя файла sum.php -------------------------------- где заголовок в вашем PHP-файле? где строка header ("Content-type: text/plain; charset=utf-8");? -- она должна быть перед инструкцией echo $sum; 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.08.2016, 15:11
	сначала проверьте ваш PHP-файл -- просто запустите его в браузере и посмотрите, что он вам выдаст на странице: как я понимаю, это должно быть какое-то целое число когда проверите, приступим к исправлению ваших ошибок в javascript'e -- а они там имеются, начиная прямо с самой первой строки кода 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.08.2016, 16:15
	откуда эти множественные звёздочки появились, интересно? мой код (без звёздочек) на 146% рабочий 0

Обновление переменной без перезагрузки страницы

Решение