Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как подключить PHP по средствам JS с интервалом (https://javascript.ru/forum/dom-window/79216-kak-podklyuchit-php-po-sredstvam-js-s-intervalom.html)

DenisUfa 07.01.2020 23:13

Как подключить PHP по средствам JS с интервалом
 
Ребят я только всему учусь поэтому не смейтесь) подскажите как подключить PHP по средствам JS с интервалом выполнения каждые 2 сек(счетчик посетителей).
Сейчас подключено к странице так:
<?php
include ('counter.php');
?>

А надо типа того:
<script>
function online() {
<--тут как правильно подключить php-->
}
setInterval(online,2000);
online();
</script>

Aetae 07.01.2020 23:36

http://phpfaq.ru/newbie/na_tanke

Malleys 08.01.2020 00:48

DenisUfa, например так...
(function online() {
    fetch("/counter.php").then(async response => {
        document.querySelector("#counter").textContent = await response.text();
    }).finally(() => {
        setTimeout(online, 2000);
    });
})();


Но лучше всего, чтобы данные обновлялись тогда, когда они реально поменяются. Это можно сделать при помощи EventSource (сервер присылает новое число пользователей) Ещё, конечно, можно при помощи WebSocket.

Цитата:

Сообщение от Rise
Это делается через AJAX.

Ну почему вы не сделали через него? Вы использовали XMLHttpRequest, что в принципе тоже имеет место быть и работает даже в самых старинных браузерах, но никакого AJAX в данном примере не существует, и в данной теме не нужен! Кстати твой пример покажет кол-во пользователей через 61 секунду после открытия страницы.

DenisUfa 08.01.2020 01:04

Если через JS то у меня выводит на странице строчку целиком вот так:
echo "<span style=font-size:18px;color:#A9A9A9;padding-left:15px;>сейчас на сайте: $online</span>";
Но если подключить просто то все нормально стили выполняются.
<?php
include ('counter.php');
?>

Malleys 08.01.2020 01:06

DenisUfa, я думал у вас только число присылается... (Что было бы лучше, с чистыми данными легко работать) Ну тогда вместо textContent тогда используйте innerHTML, или исправьте серверный скрипт!

DenisUfa 08.01.2020 01:09

заменил на innerHTML теперь все как хотел заработало! Спасибо большое!

DenisUfa 08.01.2020 20:19

Сегодня захожу на сайт и вижу счетчики свихнулись. Решил посмотреть в чем дело и увидел что дисковое пространство переполнено логами))). Этого файла у меня не существует: save2log.php Но вроде был в одном счетчике который я пробовал, но я его удалил. Не подскажите что это?

.access.log

31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.2.252 Yowser/2.5 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.3.320 Yowser/2.5 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Linux; Android 9; SM-G965F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.93 Mobile Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.2.252 Yowser/2.5 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.2.252 Yowser/2.5 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.3.320 Yowser/2.5 Safari/537.36"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36 OPR/65.0.3467.72 (Edition Campaign 34)"
31.41.41.1 - - [08/Jan/2020:20:03:02 +0300] "GET /php/online.php HTTP/1.0" 200 363 "http://домен" "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.2.252 Yowser/2.5 Safari/537.36"

.error.log

[Wed Jan 08 20:14:56.062731 2020] error [pid 26756] [client 95.30.61.216:54548] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:14:57.315884 2020] error [pid 26791] [client 95.30.61.216:54626] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:00.576285 2020] error [pid 26878] [client 95.179.127.56:54806] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:00.766036 2020] error [pid 26893] [client 95.30.61.216:54812] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:02.459028 2020] error [pid 27082] [client 95.30.61.216:54928] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:03.289195 2020] error [pid 27116] [client 95.30.61.216:54998] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:07.209424 2020] error [pid 27287] [client 178.216.38.255:55286] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:07.723609 2020] error [pid 27300] [client 95.30.61.216:55304] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:10.881870 2020] error [pid 27443] [client 178.163.92.192:55472] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:19.695092 2020] error [pid 27713] [client 95.30.61.216:55916] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:20.993406 2020] error [pid 27750] [client 93.124.57.160:55992] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:24.050131 2020] error [pid 27863] [client 82.193.155.253:56168] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:25.746035 2020] error [pid 27902] [client 95.79.7.134:56282] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:29.337384 2020] error [pid 28119] [client 95.30.61.216:56488] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:34.853143 2020] error [pid 28402] [client 178.163.92.192:56822] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:35.921333 2020] error [pid 28437] [client 95.79.7.134:56896] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:39.155199 2020] error [pid 28560] [client 95.30.61.216:57080] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice
[Wed Jan 08 20:15:48.177265 2020] error [pid 28845] [client 95.79.7.134:57550] script '/var/www/user101771/data/www/домен/save2log.php' not found or unable to stat, referer: http://домен/voice

Malleys 08.01.2020 21:48

Цитата:

Сообщение от DenisUfa
и вижу счетчики свихнулись

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

Цитата:

Сообщение от DenisUfa
Не подскажите что это?

Это — последствия реализации вашей идеи: «подскажите как подключить вывод PHP скрипта средствами JS с интервалом выполнения каждые 2 секунды (счетчик посетителей)». А вы что ожидали?

Цитата:

Сообщение от Rise
А как надо чтобы существовало [AJAX]?

Никак. AJAX, означает «асинхронный JavaScript и XML» — используется не по назначению, ведь ни о каком «асинхронный JavaScript и XML» нет и речи. Когда используется XMLHttpRequest, fetch, WebSocket и пр., то это называется «общение клиент-сервер». Раз вам так нужно выражение по-английский, которое вы хотите штамповать при любом упоминании клиент-сервер, то это будет — Client-Server Communication.

Всего-то 4 слова — «клиент», «запрос», «сервер» и «ответ». Не нужно усложнять!

DenisUfa 09.01.2020 00:02

Цитата:

Сообщение от Malleys (Сообщение 518524)
В чём это выражается, как вы это поняли?

Число то 50, то 0 показывало резко менялось. Снес на всех страницах, а сервер продолжает выполнять дальше и строчит логи.

[Wed Jan 08 23:58:04.672876 2020] error [pid 29442] [client 91.214.196.209:15552] script '/var/www/user101771/data/www/.ru/save2log.php' not found or unable to stat, referer: http://.ru/voice
[Wed Jan 08 23:58:10.936889 2020] error [pid 29507] [client 212.58.114.253:15686] script '/var/www/user101771/data/www/.ru/save2log.php' not found or unable to stat, referer: http://.ru/voice
[Wed Jan 08 23:58:21.714776 2020] error [pid 29617] [client 31.173.166.26:15850] script '/var/www/user101771/data/www/.ru/save2log.php' not found or unable to stat, referer: http://.ru/voice

DenisUfa 09.01.2020 00:18

У меня работают вот такие скрипты и никаких проблем. В режиме реального времени. Мне нужно было что-то такое только с посетителями и без использования БД.
function getRate(){
$.getJSON( "https://www.cbr-xml-daily.ru/daily_json.js", function( data ) {
document.getElementById("usdrub").innerHTML = ( (data.Valute.USD.Value).toFixed(2) ) ;
document.getElementById("eurrub").innerHTML = ( (data.Valute.EUR.Value).toFixed(2) ) ;
});
}
setInterval(getRate,1000);
getRate();

Malleys 09.01.2020 00:22

Цитата:

Сообщение от Rise
XMLHttpRequest.open(method, url[, async[, user[, password]]])

Я и не спорю о том, что вы можете скачать XML. Интересно то, что используя класс XMLHttpRequest можно скачать любой тип данных (даже бинарные!), поэтому я думаю, что в имя этого класса подобрано неудачно — оно только частично описывает его возможности. Если бы я называл этот класс, то я назвал бы, например — Connection. (из-за open и timeout)

Вот ваш пример из сообщения №3
setInterval(function (el) {
    var connection = new Connection();
    connection.open('GET', '/counter.php');
    connection.timeout = 60000;
    connection.onload = function () { el.textContent = this.responseText };
    connection.send();
}, 61000, document.querySelector('#counter'));
Конечно можно подобрать и более удачное имя класса, но однозначно понятно, что XMLHttpRequest — неудачное название!

Цитата:

Сообщение от Rise
JavaScript, означает Java и Script — используется не по назначению, ведь ни о каком Java нет и речи...

Нет. Это ты только что произвёл подмену: «JavaScript» === «Java и Script», и соответственно ошибочный вывод.

Однако AJAX, как и написано в официальных источниках, означает именно — “Asynchronous JavaScript + XML”, и этим термином многие веб-программисты замещают одновременно и «коммуникация клиент-сервер» и «POST-запрос» и «ответ от сервера» и иногда они сами не знают, что имеют в виду!

И заметьте, Rise, вы ничего не смогли объяснить (как и многие другие) насчёт AJAX — вы начали жонглировать именами!

Malleys 09.01.2020 00:28

Цитата:

Сообщение от DenisUfa
Число то 50, то 0 показывало резко менялось.

Это так сделано в counter.php, что-то там не то с алгоритмом. (Может он не предназначался для «вызов каждые две секунды одним и тем же клиентом», или как скажут модные AJAX-куны: «вызов каждые две секунды одним и тем же аяксом»)

Цитата:

Сообщение от DenisUfa
Снес на всех страницах, а сервер продолжает выполнять дальше и строчит логи.

У кого страница открыта и не перезагружена, до сих пор осталась старая версия.

DenisUfa 09.01.2020 00:33

Может проще в самом PHP коде прописать чтобы обновлялось через интервал и подключить как раньше к странице?
<?php
include ('online.php');
?>

Сам код PHP:
<?php
$online_data="online.dat";
$time=time();
$now=(int)(time()/86400);
$past_time=time()-600;

$readdata=fopen($online_data,"r") or die("Не могу открыть файл $online_data");
$online_data_array=file($online_data);
fclose($readdata);

if(getenv('HTTP_X_FORWARDED_FOR'))
        $user=getenv('HTTP_X_FORWARDED_FOR');
else
        $user=getenv('REMOTE_ADDR');

$d=count($online_data_array);
for($i=0;$i<$d;$i++)
        {
        list($live_user,$last_time)=explode("::","$online_data_array[$i]");
        if($live_user!=""&&$last_time!=""):
        if($last_time<$past_time):
                $live_user="";
                $last_time="";
        endif;
        if($live_user!=""&&$last_time!="")
                {
                if($user==$live_user)
                        {
                        $online_array[]="$user::$time\r\n";
                        }
                else
                        $online_array[]="$live_user::$last_time";
                }
        endif;
        }

        if(isset($online_array)):
        foreach($online_array as $i=>$str)
                {
                if($str=="$user::$time\r\n")
                        {
                        $ok=$i;
                        break;
                        }
                }
        foreach($online_array as $j=>$str)
                {
                if($ok==$j) { $online_array[$ok]="$user::$time\r\n"; break;}
                }
       endif;

$writedata=fopen($online_data,"w") or die("Не могу открыть файл $online_data");
flock($writedata,2);
if($online_array=="") $online_array[]="$user::$time\r\n";
foreach($online_array as $str)
        fputs($writedata,"$str");
flock($writedata,3);
fclose($writedata);

$readdata=fopen($online_data,"r") or die("Не могу открыть файл $online_data");
$online_data_array=file($online_data);
fclose($readdata);
$online=count($online_data_array);

echo "<span style=font-size:15px;color:#A9A9A9;padding-left:15px;>сейчас на сайте: <b>$online</span>";
?>

laimas 09.01.2020 01:50

Цитата:

Сообщение от DenisUfa
$writedata=fopen($online_data,"w") or die("Не могу открыть файл $online_data");

Это для кого, если речь об обычном счетчике?

Vlasenko Fedor 09.01.2020 02:36

здесь неправильная логика
количество пользователей на сайте вычисляется по значению открытых ссесий если таковы имеются
число вычисляется не точно, так как пользователь мог отключиться, у него пропал интернет ...
пока жива ссесия считаем пользователи есть на сайте (время жизни делаем минимальным, по надобности продлеваем)
вариант с вебсокетами также стоит рассматривать

Malleys 09.01.2020 04:32

DenisUfa,

index.html (или index.php)
<p id="counter">
	<span style="font-size:15px;color:#A9A9A9;padding-left:15px;">сейчас на сайте: <b id="counter-number"><?php include('counter.php'); ?></b></span>
</p>
<script>

(function online() {
	fetch("/counter.php").then(async response => {
		document.querySelector("#counter-number").textContent = await response.text();
	}).finally(() => {
		setTimeout(online, 5 * 1000);
	});
})();

</script>


counter.php
<?php

$onlineDataFileName = 'online.dat';
$ip = $_SERVER['REMOTE_ADDR'];
$time = time();
$timeout = 5 + 5;

$data = @file_get_contents($onlineDataFileName);
$visitors = $data === false ? [] : unserialize($data);

$visitors = array_filter($visitors, function ($visitor) use ($time, $timeout, $ip) {
    return $visitor['time'] > $time - $timeout && $visitor['ip'] !== $ip;
});

$visitors[] = [
    'ip' => $ip,
    'time' => $time
];

file_put_contents($onlineDataFileName, serialize($visitors), LOCK_EX);

echo count($visitors);


Перед использованием вам нужно удалить файл online.dat.

Я не понимаю, почему нельзя было использовать встроенные функции и сериализацию.

Цитата:

Сообщение от laimas
Это для кого, если речь об обычном счетчике?

Я — не специалист по PHP, в моём примере (который ты только что увидел) что-то не так?

Цитата:

Сообщение от Poznakomlus
количество пользователей на сайте вычисляется по значению открытых сессии, если таковы имеются,
число вычисляется не точно, так как пользователь мог отключиться, у него пропал интернет

Если timeout и на сервере и на клиенте одинаковый, то, поскольку идёт постоянный опрос сервера, кол-во онлайн пользователей будет указано с точностью до того отрезка времени!

Vlasenko Fedor 09.01.2020 14:31

Malleys,
что будет если два пользователя одновременно обратятся к файлу?
не следует писать в файлы ничего при высоких нагрузках и одновремменном использовании
память(серверная, memcache ...), база данных
не изобретайте велосипед, колличество активных сессий равно приблизительно количеству активных пользователей

Malleys 09.01.2020 21:59

Rise, это всё замечательно, сегодня мы знаем, что к нему, следовательно не нужно совершать в каждом предложении «маркетинговые ходы» 25-летней давности. (И тем более не нужно строить логических цепочек на основе идеи Алекса Хопмана!)

А создатель JS сделал всё верно — в чём проблема?

Malleys 10.01.2020 01:12

Цитата:

Сообщение от Rise
JavaScript – Language, Chrome – Browser,

Вы бросаетесь в крайности! И тем более я написал, что, например, можно назвать Connection, но на самом деле можно было бы подобрать более удачное название (например, WebRequest, WWW, Http и пр.), но явно не XMLHttpRequest. Даже просто HttpRequest намного лучше!

Цитата:

Сообщение от Rise
цитаты обоих создателей об одном и том же

На самом деле нет! Брендан не производит подмен, он даже объясняет почему так назван язык, а Алекс просто взял первое попавшееся слово, которое только было на слуху, и приделал его к названию! Кстати это могла и быть CocaCola... получилось бы — CocaColaHttpRequest.

Представь, как было бы интересно на форуме с темами «не получается через CocaCola отправить данные», «сервер не видит CocaCola», «как отправить CocaCola»... а при поступлении на работу требовали бы знание CocaCola... (Хотя это не было бы интересно. Замени CocaCola (напиток) на AJAX(футбольная команда / унитаз / чистящее средство) и представь как это всё убого в этом мире...)

Ещё раз — это о том, что термин CocaCola AJAX не нужен... используйте подходящие термины «клиент», «запрос», «сервер» или «ответ» как это делают программисты в других языках программирования!


Часовой пояс GMT +3, время: 22:29.