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

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

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

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

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

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

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

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

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

nimazzzy · 17.08.2016, 20:32

JavaScript'ом запроси новое значение - ajax.

@crackos · 17.08.2016, 20:33

JavaScript
1
2
3
setInterval(function() {
document.querySelector("#sum").innerHtml = sum;
}, 10000)

это если переменная есть в js. если в php, то, как сказали выше, ajax, да

@skroliks · 17.08.2016, 20:40 **[ТС]**

Хорошо, приведу весь пример конкретно:

<?PHP
$sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]);
?>

Произведено деталей: <div id="sum"><?=$sum;?></div> шт.<br><br>

Добавив:

<script>
setInterval(function() {
document.querySelector("#sum").innerHtml = sum;
}, 10000)
</script>

ничего не работает...

nimazzzy · 17.08.2016, 20:42

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

document.querySelector("#sum").innerHtml = sum;

Вот в этой строчке, откуда возьмется переменная sum?
Эта переменная у тебя вообще в php коде на сервере, твоя страница с JS о ней ничего не знает. Она вообще не в курсе, что там у тебя на сервере происходит, какие там у тебя переменные и т. д.
Сделай отдельный сервис, который по запросу будет выдавать нужные данные твоей странице, и JS-код, используя их будет ее обновлять. Почитй про Ajax, REST, JSON и так далее.

@skroliks · 17.08.2016, 20:50 **[ТС]**

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

@crackos · 17.08.2016, 20:50

в посте выше я не зря добавил:

это если переменная есть в js.

@skroliks · 17.08.2016, 20:53 **[ТС]**

crackos, если вас не затруднит - напишите, как завести эти переменные в js:

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

nimazzzy · 17.08.2016, 20:54

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

это если переменная есть в js

А менять-то ее с сервера кто будет?

Наличие переменной в JS никак не поможет в пересылке какого-то значения с сервера.

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

По сути, я понимаю, что нужно переменную $sum описать в js - и потом уже установить интервал ее вывода (я правильно мыслю?) там же.. Подскажите на конкретном примере как?

@crackos · 17.08.2016, 20:58

nimazzzy, просто я когда первый ответ писал, подумал, что там весь код на js

nimazzzy · 17.08.2016, 21:01

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

nimazzzy, просто я когда первый ответ писал, подумал, что там весь код на js

Может быть. Просто $ в именах переменных, это обычно пхп или перл

@skroliks · 17.08.2016, 21:02 **[ТС]**

nimazzzy, а мне кто-то поможет?

@XRoy · 17.08.2016, 21:30

skroliks,
php по какому-то адресу должен выдавать переменную, например /demo.php
запрашиваете через ajax /demo.php и вот вам вернется переменная

@skroliks · 17.08.2016, 21:33 **[ТС]**

XRoy, ну это я понял - а можно конкретный пример запроса? Исходя их моих переменных.. Просто ни в js ни в ajax (хоть они и похожи) я мало пока понимаю.. Поэтому и спросил..

Добавлено через 48 секунд
Я имею в виду что должно быть в файле ajax/demo.php ?

@Shakalaka · 17.08.2016, 21:43

skroliks,
demo.php

PHP
1
2
3
4
<?PHP
$sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]);
echo $sum;
?>

script.js

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

index.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
    <div id="sum">
        
    </div>
</body>
<script src="script.js"></script>
</html>

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

Shakalaka, сделал все, как вы написали:

<?PHP
$sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]);
echo $sum;
?>
поместил в файл: ajax/sum.php

var container = document.getElementById("sum");
function getSum(){
var req = new XMLHttpRequest();
req.open("GET", "ajax/sum.php");
req.send();
req.onreadystatechange = function(){
if(req.readyState == 4 && req.status == 200){
container.innerHTML = req.responseText;
}
}
}
setInterval(function(){
getSum();
}, 10000)

непосредственно в самом файле, где выводится переменная

ну и сам вывод:

Произведено деталей: <div id="sum"><?=$sum;?></div> шт.<br><br>

не работает.. где ошибка?

@XRoy · 17.08.2016, 22:07

skroliks,
Имя файла же не demo.php, а ajax/sum.php

@Shakalaka · 17.08.2016, 22:08

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

где ошибка?

в консоли браузера что выводится?

@XRoy · 17.08.2016, 22:08

Ну и вывод через, а не php переменной, которая не пойми откуда там должна взяться

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

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

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

nimazzzy Заблокирован
	17.08.2016, 20:32
	JavaScript'ом запроси новое значение - ajax. 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 20:40 [ТС]
	Хорошо, приведу весь пример конкретно: <?PHP $sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]); ?> Произведено деталей: <div id="sum"><?=$sum;?></div> шт.<br><br> Добавив: <script> setInterval(function() { document.querySelector("#sum").innerHtml = sum; }, 10000) </script> ничего не работает... 0

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

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 20:53 [ТС]
	crackos, если вас не затруднит - напишите, как завести эти переменные в js: $sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]); 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 20:57 [ТС]
	По сути, я понимаю, что нужно переменную $sum описать в js - и потом уже установить интервал ее вывода (я правильно мыслю?) там же.. Подскажите на конкретном примере как? 0

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	17.08.2016, 20:58
	nimazzzy, просто я когда первый ответ писал, подумал, что там весь код на js 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 21:02 [ТС]
	nimazzzy, а мне кто-то поможет? 0

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	17.08.2016, 21:30
	skroliks, php по какому-то адресу должен выдавать переменную, например /demo.php запрашиваете через ajax /demo.php и вот вам вернется переменная 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 21:33 [ТС]
	XRoy, ну это я понял - а можно конкретный пример запроса? Исходя их моих переменных.. Просто ни в js ни в ajax (хоть они и похожи) я мало пока понимаю.. Поэтому и спросил.. Добавлено через 48 секунд Я имею в виду что должно быть в файле ajax/demo.php ? 0

@skroliks 0 / 0 / 0 Регистрация: 14.07.2016 Сообщений: 30
	17.08.2016, 22:06 [ТС]
	Shakalaka, сделал все, как вы написали: <?PHP $sum = $func->SumCalc($sonfig_site["a_in_h"], $user_data["level"], $user_data["last_sbor"]); echo $sum; ?> поместил в файл: ajax/sum.php var container = document.getElementById("sum"); function getSum(){ var req = new XMLHttpRequest(); req.open("GET", "ajax/sum.php"); req.send(); req.onreadystatechange = function(){ if(req.readyState == 4 && req.status == 200){ container.innerHTML = req.responseText; } } } setInterval(function(){ getSum(); }, 10000) непосредственно в самом файле, где выводится переменная ну и сам вывод: Произведено деталей: <div id="sum"><?=$sum;?></div> шт.<br><br> не работает.. где ошибка? 0

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	17.08.2016, 22:07
	skroliks, Имя файла же не demo.php, а ajax/sum.php 0

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