Добро пожаловать в МиМи Чат, блоггерскую социальную сеть для общения и переписки по интересам
Форум breadcrumbs - Вы здесь:ФорумПрограммирование и веб web разработка сайтов: Java Script программирование для сайтовAJAX счётчик кликов по кнопке
Пожалуйста Вход или Регистрация для создания записей и тем.
AJAX счётчик кликов по кнопке
Милкимаус@milkimaus
24 записи
#1 · 20.05.2026, 19:08
Цитата: Милкимаус от 20.05.2026, 19:08AJAX счётчик кликов по кнопке без перезагрузки страницы.
Для подсчета кликов по кнопке без перезагрузки страницы потребуется три файла:
knopka.html
script.php
result.txt
В первый файл knopka.html
<script src="https://milkimaus.by/script.js"></script><button onclick='plus()'>👍: <i id='plus'><?php include 'result.txt'; ?></i></button><script>function plus() {$.ajax({url: 'script.php',cache: false,type: 'Get',data:{book:1},success:function(count) {$('#plus').load('result.txt');}});};</script>Во второй файл script.php<?phpif ($_GET['book']==1) {$file=fopen('result.txt','a+');flock($file,LOCK_EX); // выполнить эксплюзивное запирание$count=fread($file,100);$count++;ftruncate($file,0);fwrite($file,$count);flock($file,LOCK_UN);// отпираем файлfclose($file);};?>Ну а в третий файл result.txt заранее запишем цифру 0Демо версию можно увидеть здесь
AJAX счётчик кликов по кнопке без перезагрузки страницы.
Для подсчета кликов по кнопке без перезагрузки страницы потребуется три файла:
knopka.html
script.php
result.txt
В первый файл knopka.html
<script src="https://milkimaus.by/script.js"></script>
<button onclick='plus()'>👍: <i id='plus'><?php include 'result.txt'; ?></i></button>
<script>
function plus() {
$.ajax({
url: 'script.php',
cache: false,
type: 'Get',
data:{book:1},
success:
function(count) {
$('#plus').load('result.txt');
}
});
};
</script>
Во второй файл script.php
<?php
if ($_GET['book']==1) {
$file=fopen('result.txt','a+');
flock($file,LOCK_EX); // выполнить эксплюзивное запирание
$count=fread($file,100);
$count++;
ftruncate($file,0);
fwrite($file,$count);
flock($file,LOCK_UN);// отпираем файл
fclose($file);
};
?>
Ну а в третий файл result.txt заранее запишем цифру 0
Демо версию можно увидеть здесь
Голосуйте - палец вниз.0Голосуйте - палец вверх.0