Счётчик клиентов на сайте?

Question

[Максим]

Есть статичная страница, на которой есть счётчик клиентов. Как сделать чтобы по нажатию на кнопку это число увеличивалось? И при перезагрузке страницы число не сбивалось

Answer 1

[Денис]

В чём именно у вас затык? Если алгоритм, то тут вариантов не много

if (данные счетчика хранятся в БД || файле ) {
   отправляем ajax-запрос || обычный запрос на сервер;
   увеличиваем значение на 1 в хранилище;
} elseif (счетчик для каждого клиента свой && данные необходимо хранить на клиенте) {
   используем localStorage/sessionStorage || cookie;
} else {
   // а тут бы неплохо уточнить, что и как у вас построено
}

Если же техническая сторона вопроса, то рассказывайте, что не получается

Comments

[Максим]

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

[Денис]

maxnrg33 если с БД никогда не работали, то в этом случае и примеры мало помогут, т.к. нужно знать азы. В принципе, значение можно хранить в обычном текстовом файле. Кстати, на JS можно легко прочитать из него значение. С записью в файл чуть посложнее, но решения всё-таки есть.

[Максим]

Денис: вариант с файлом мне нравится больше. буду пробовать. спасибо )

[Максим]

Денис: сделал на php, значение лежит в текстовом файле. спасибо за подсказку

Answer 2

[Bowen]

Как то так:

var $btn = $('.btn'),
	localStorageButtons = JSON.parse(localStorage.getItem('buttons')) || {};

if (localStorageButtons) {
	$btn.each(function(i) {
		$btn.text(localStorageButtons[i]);
	});
}

$btn.on('click', function() {
	var v = parseInt($(this).text(), 10),
		i = $(this).index();
	v++;
	localStorageButtons[i] = v;
	$(this).text(v);
	localStorage.setItem('buttons', JSON.stringify(localStorageButtons));
});