• Уважаемые посетители сайта esp8266.ru!
    Мы отказались от размещения рекламы на страницах форума для большего комфорта пользователей.
    Вы можете оказать посильную поддержку администрации форума. Данные средства пойдут на оплату услуг облачных провайдеров для сайта esp8266.ru
  • Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

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

O

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

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'];
 
Последнее редактирование:
O

oleksiy_kurka

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

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>
 
O

oleksiy_kurka

New member
arbuzmaster написал(а):
Вариант 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 мин и офигивав который я инвалид) вот почему были проблемы с подключенной библиотеки
 
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу