Динамическое обновление контента на простом примере

@romanbboy · Регистрация: 03.11.2015

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

Друзья, помогите пожалуйста. Необходимо динамически показывать изменения на сайте. Изучаю javascript и добрался до ajax думал все смогу сделать, но не тут то было... Рылся в инете и наткнулся на такие штуки как Comet, ajax long-polling, websocket, node.js. Голова аж опухла от этого всего. Хочу разобраться на простом примере. Допустим есть такой код:

HTML5

<html>
<head>
 <meta charset="utf-8">
 <script src="jquery-1.11.1.min.js"></script>
 <script src="main.js"></script>
</head>
<body>
    <div id="block"></div>
    <input id="submit" type="submit" value="Go">
</body>
</html>

main.js

Javascript

$(document).ready(function() {
    $('#submit').click(function(){
        $.ajax({
            url:'server.php',
            success:function(data){
                $('#block').append(data);
            }
        });
 
    });
});

server.php

PHP

1
2
3

<?php
    echo '<div style="background:red; width:70px; height:40px"></div>';
?>

Мне нужно что бы при нажатии на кнопку Go, divы появлялись не только на моем компьютере, но и на других тоже ( я все делаю сразу через хостинг). Что бы динамически отображались все изменения происходящие на странице на всех компьютерах. Вариант с setInterval не пойдет. Объясните пожалуйста!

@Enough1987 · 05.02.2016, 01:53

)) Со своего не отправляется на другие. Отправляется на сервер, а уже северный скрипт реагировать на входящие данные и отправляет по другим клиентах. node.js - это среда для javascript на сервере. У node.js готовое решение это socket.io которое реализует websocket, а когда websocket не поддерживается реализует то же с помощью Comet, ajax long-polling (последние две технологии устаревшие и имеют ряд недостатков).

@romanbboy · 05.02.2016, 13:57 **[ТС]**

Ну в теории я понимаю как это работает, но какой код надо ко всему этому делу? Я смотрел реализацию всяких невероятных чатов и так далее, а хотелось бы на таком примере. Разобравшись с кодом быстрее смогу все понять. Спасайте)). Или может ссылку дайте на какой-нибудь самый элементарный пример что бы понять как это все работает

@Enough1987 · 05.02.2016, 14:13

Увы вы пока в теории не понял! Повторюсь, отправляет по другим клиентам серверный скрипт. Клиенстного скрипта задача только отправить данные на сервер. А там выбирай, пхп , нода или другой серверный язык. Если нода, то выше писал, сокет ио.

@romanbboy · 05.02.2016, 14:28 **[ТС]**

Так я как раз и прошу код с серверной стороны дела. Мне нужно увидеть серверный скрипт, желательно на php (ну либо на другом если можно реализовать проще). Про клиентский скрипт тут все ясно.

@Enough1987 · 05.02.2016, 15:24

Уже же 2 раза ответил, socket.io если на сервере javascript ( node.js ).
Если php то это в другом спрашивать.

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	05.02.2016, 01:53	2
	)) Со своего не отправляется на другие. Отправляется на сервер, а уже северный скрипт реагировать на входящие данные и отправляет по другим клиентах. node.js - это среда для javascript на сервере. У node.js готовое решение это socket.io которое реализует websocket, а когда websocket не поддерживается реализует то же с помощью Comet, ajax long-polling (последние две технологии устаревшие и имеют ряд недостатков). 0

@romanbboy 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	05.02.2016, 13:57 [ТС]	3
	Ну в теории я понимаю как это работает, но какой код надо ко всему этому делу? Я смотрел реализацию всяких невероятных чатов и так далее, а хотелось бы на таком примере. Разобравшись с кодом быстрее смогу все понять. Спасайте)). Или может ссылку дайте на какой-нибудь самый элементарный пример что бы понять как это все работает 0

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	05.02.2016, 14:13	4
	Увы вы пока в теории не понял! Повторюсь, отправляет по другим клиентам серверный скрипт. Клиенстного скрипта задача только отправить данные на сервер. А там выбирай, пхп , нода или другой серверный язык. Если нода, то выше писал, сокет ио. 0

@romanbboy 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	05.02.2016, 14:28 [ТС]	5
	Так я как раз и прошу код с серверной стороны дела. Мне нужно увидеть серверный скрипт, желательно на php (ну либо на другом если можно реализовать проще). Про клиентский скрипт тут все ясно. 0

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	05.02.2016, 15:24	6
	Уже же 2 раза ответил, socket.io если на сервере javascript ( node.js ). Если php то это в другом спрашивать. 0