• Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

Нужна помощь Ajax

oleksiy_kurka

New member
Нужно переслать смену "timesClicked" без перезагрузки страницы.
По крайней мере нужно переделать HTML код а дальше я сам все сделаю.

Код:
<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>

    <script>

var timesClicked = 0;
function btnClickMore(){
    timesClicked ++;   
    document.getElementById('timesClicked').innerHTML = timesClicked;
    return true
}
function btnClickLess(){
  if(timesClicked == 0){
    return false
  }
    timesClicked --;   
    document.getElementById('timesClicked').innerHTML = timesClicked;
    return true
}
   
    </script>
  
<center>
  <span id="timesClicked">0</span>
</center>
    <button type="button" class="btn btn-default" onclick="javascript:btnClickLess()">-1</button>
    <button type="button" class="btn btn-default" onclick="javascript:btnClickMore()">+1</button>  

  </body>
</html>
 

arbuzmaster

New member
Примерно как то так, только нужно jquery библиотеку подключить и путь в url поправить на свой.
Код:
function btnClickMore(){
    timesClicked ++;
   document.getElementById('timesClicked').innerHTML = timesClicked;
    sendTimesClicked(timesClicked);

    return true
}
function btnClickLess(){
  if(timesClicked == 0){
   sendTimesClicked(timesClicked);

    return false
  }
    timesClicked --;
    document.getElementById('timesClicked').innerHTML = timesClicked;
    sendTimesClicked(timesClicked);

    return true
}


function sendTimesClicked(value){
   $.ajax( { type: "GET", url: "php/test.php", data: {'counter':value},beforeSend: function()
   {
       
   //тут показываем крутилку - типа ждем ответа

   }, success: function(msg)
   {
   //тут код    обработчика ответа   от test.php                 
   }
}
В test.php ловим как $_GET['counter'];
 
Последнее редактирование:

oleksiy_kurka

New member
у меня возникла проблема с установлением jquery библиотеки можете сбросить ссылку или объяснить как это нужно делать
 

arbuzmaster

New member
Вариант 1
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.js"></script>
Вариант 2
Скачать сам файл и положить на свой web сервер в директорию с сайтом.
<script type="text/javascript" src="тут путь до файла - например:/template/js/jquery-1.11.2.js"></script>
 

oleksiy_kurka

New member
Вариант 1
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.js"></script>
Вариант 2
Скачать сам файл и положить на свой web сервер в директорию с сайтом.
<script type="text/javascript" src="тут путь до файла - например:/template/js/jquery-1.11.2.js"></script>
спасибо все заработало. Только я криворукий вместо того чтобы записать стринг мне надо было поставить знак + = а я ставил = + и программа невидавало ошибки и незаписувало html код в стринг и я долго ломал голову в чем проблема а когда нашов сидел 5 мин и офигивав который я инвалид) вот почему были проблемы с подключенной библиотеки
 
Сверху Снизу