2012-04-03 1 views
1

Может кто-нибудь дать мне направление, я хочу знать, как делать автоматические обновления страниц, таких как facebook, для новых обновлений статуса, новых симпатий и т. Д. Т.е., если у вас есть статус, открытый в окне, и пользователь нажимает «нравится», , автоматически появляется +1.Javascript auto update page?

Заранее спасибо.

+0

Ваш вопрос очень расплывчатый ... В качестве общего указателя вы можете использовать шаблон посредника в javascript для публикации событий и подписки на них. Затем используйте ajax, чтобы снова получить новый контент и javascript для обновления DOM. –

ответ

3

Это делается с использованием модели PUSH (подписка/публикация).

Клиентская сторона сначала подписывается, выдавая запрос AJAX. Этот запрос AJAX остается на неопределенное время. Когда сервер получает новый подобный/comment, он публикует это обновление на стороне клиента, тем самым заканчивая запрос AJAX. Клиент получает это обновление и, несомненно, выдает другой запрос AJAX.

Он широко относится к категории Comet.

Как-то раньше я реализовал приложение для веб-чата Comet и написал несколько техническую информацию о том, что произошло с ним. Вы можете прочитать его здесь, если хотите.

Comet Web Chat Application

Edit:

механизм сердцебиения (модель PULL), безусловно, проще в реализации, но модель PUSH является гораздо более эффективным.

+0

+1 для справки кометы! –

+0

Для упрощения реализации, проверки SignalR в .net или socket.io с почти всем остальным! –

+0

И, возможно, стоит посмотреть и на веб-сайтах. –

0

Вы должны будете использовать Ajax, которая является способ взаимодействия с базой данных без перезагрузки веб-страницы: можно, например, использовать $ АЯКС функции JQuery рамки: here's the doc

0

им не разместить код, но вот краткий обзор того, что вы могли бы хотеть сделать:

  1. имеет «как» изображение
  2. создать сценарий, который связывает обработчик щелчка к изображению.
  3. после щелчка, сценарий отправляет запрос AJAX серверу, чтобы увеличить значение
  4. , если этот запрос завершен, верните данные в сценарий, указав, что это было успешным. вы также можете вернуть количество понравившихся и так далее.
  5. Как только скрипт знает об успехе, измените ли вы свое «похожее» изображение.

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