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

@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% рабочий

Новые блоги и статьи Все статьи Все блоги /
Асинхронный приём данных из COM-порта Argus19 01.05.2026 Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .	попытка написать игровой сервер на C++ pyirrlicht 29.04.2026 попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .	Контроль уникальности выбранного документа-основания при изменении реквизита Maks 28.04.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .	Благородство как наказание Maks 24.04.2026 У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .

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

	Обновление переменной без перезагрузки страницы 17.08.2016, 20:27. Показов 11920. Ответов 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

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

Решение