Как после второго нажатия кнопки, открыть диалоговое окно с текстом (типа alert или window)??

Question

[Web-Building]

Доброго времени суток! Имеется некий Jquery, который по первому клику кнопки, выполняет некий код.

$("#btnLike").on('click', function() {
	........код
	........код

	var ajax = $.ajax({
		method: 'post',
		url: "https://site.com/like.php",
		dataType: 'text',
		data: {
			'like': 1
		}
	});
	ajax.done(function() {
		......результат;
	});
	$("#btnLike").on('click', function() {
		alert('Вы уже проголосовали!'); //  где разместить??  Тут не работает!
		window['alert']('Вы уже проголосовали!'); // или так, но где разместить?  И тут не работает!
	});
});

Может, кто подскажет? Благодарю за внимание!

Answer 1

[キム ファイブプラス]

https://jsfiddle.net/ka5u7zjm/

Comments

[Web-Building]

Спасибо! Мне понравилось, но, к сожалению, этот способ в моём случае не работает. У меня 2 подобных скрипта (кнопки: Like / Dislike), которые лежат в общем файле main.js и стрелочные функции я в нём не использую ...

[Сергей Соколов]

Web-Building, стоит в вопросе это указать.

Answer 2

[Сергей Соколов]

Лучше следить за единственностью лайка на сервере – возвращать ответ с ошибкой «уже голосовали». Мало ли, было открыто две вкладки со страницей голосования?

А в интерфейсе – убирать-деактивировать кнопку лайка сразу после нажатия.

$("#btnLike").one('click', function() { // .one() выполнится только 1 раз
  // ........код

  // кнопку больше не нажимать:
  $(this).attr('disabled', true); // и стилями сделать её блеклой

  $.ajax({
    method: 'post',
    url: "https://site.com/like.php",
    dataType: 'text',
    data: {
      'like': 1
    },
    success: function(result) { // обработка ответа
      if (result != 'OK') {
        // вывести ошибку из ответа
      }
      // ......результат;
    }
  });
});

Comments

[Web-Building]

Да, это супер! Конечно, из сервера было бы лучше ... Но как сделать проверку от сервера? У меня такой PHP-обработчик, на примере кнопки DisLike (а Like - идентичная):

declare(strict_types = 1);
error_reporting(E_ALL);

                                   // Кнопка DisLike
  // конфигурация БД
$servername = '/////////';
$dbname = '\\\\\\\\\\'; // название БД
$database = '++++++++'; // имя пользователя БД  (Логин)
$password = '---------';
$ds = "mysql:host=/////////;port=3306;dbname=\\\\\\\\\\;charset=utf8";

try {
    $pd = new PDO($ds, '++++++++', '---------');
        // Для таблице counterDisLike
    if (isset($_POST['countDislike']) && (int)$_POST['countDislike'] === 1) {    
        $stm = $pd->query("SELECT `value` FROM counDisLike WHERE `iddislike` = 1"); // Для DisLike
        $dislike = (int)$stm->fetchColumn();
        $dislike++;
        $paramsDisLike = [':iddislike' => 1, ':value' => $dislike];
        $quer = "UPDATE `counDisLike` SET `value` = :value WHERE `iddislike` = :iddislike";
        
        $stm = $pd->prepare($quer);
        $stm->execute($paramsDisLike);
        echo json_encode($dislike);
    }
}

catch(Exception $e) {
    echo $e->getMessage();
}

Может, подскажете?

[Сергей Соколов]

Web-Building, из кода не понятно, как вы идентифицируете пользователей и как фиксируете, кто именно оставил лайк – а иначе никак не проверить единичность лайка от конкретного аккаунта.

[Web-Building]

Вот HTML ...

<div class="block-down">    
    <form id="ratingsDislike" method="post">  
        <button id="btnDislike" type="button"><i id="thumbs-down" class="far fa-thumbs-down"></i></button>
    </form> 
    
    <div class="content-dislike-like">
        <p id="dislike_count"><?php echo $dislike ?></p>      
    </div>
</div>

[Web-Building]

Тоже в файле с HTML ....

require_once('/dislike.php'); 
  
  $ds = "//////////////";

  $pd = new PDO($ds, '\\\\\\\\\\\\\\\', '-----------');
  $statemen = $pd->query("SELECT `value` FROM counDisLike WHERE `iddislike` = 1");
  $dislike = (int)$statemen->fetchColumn();

[Web-Building]

Web-Building, В том-то всё и дело, я не идентифицирую пользователей. Не знаю, как написать в PHP. И поэтому, получается так, что каждый раз, после перезагрузки страницы, этот же пользователь, опять может кликfть на Like или DisLike и счётчик отобразит инкремент на странице. а нужно, что б инкремент был только один, от каждого нового пользователя. Не знаю, как написать?

[Сергей Соколов]

Web-Building, а может, замахнётесь на Laravel? JetStream — готовая регистрация-вход-восстановление пароля. Заодно посмотрите качественный код. Объём новой инфы немаленький, но, может, осилите?

[Web-Building]

Спасибо! Ого?! Не знаю, я самоучка .... самому медленно получается. Я с самого начала. когда начал изучать вёрстку, всё сделал только сам, почти без дополнительных библиотек. Всегда старался писать "ручной" код, хоть это и долго ... Но зато, независимо. Вот и сейчас. Придумал свой дизайн с кнопками LIke | DisLike и решил из разного кода, состряпать свой, но с сохранением своего дизайна и не менять функционал. Но конечно, надо когда-то и Laravel начинать, только не знаю, когда?