Несколько кнопок, вызывающих отдельные функции AJAX на странице n1 - PullRequest
Новая
       9

Несколько кнопок, вызывающих отдельные функции AJAX на странице n1

0 голосов
/ 03 мая 2020

Когда у меня много кнопок на 1 странице, как мне определить разные кнопки, которые делают разные AJAX запросы? См. Код / скрипт ниже (кнопка 1 для switch_on. php, кнопка 2 для switch_off. php). Как связать указанную кнопку c с определенной функцией c на 1 странице? 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
   <div id="div1"><h2>Let jQuery AJAX Update MySQL</h2></div>
   <button switch-ONid=“1” class="loadButton">Switch ON</button>
   <button switch-OFFid=“0” class="loadButton">Switch OFF</button>
</body>
</html>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({
     url: "switch_on.php",
     success: function(result){
       $("#div1").html(result);
      }
   });
  });
});

$(document).ready(function(){
   $("button").click(function(){
      $.ajax({
         url: "switch_off.php",
         success: function(result){
           $("#div1").html(result);
          }
      });
   });
});
</script>

1 Ответ

0 голосов
/ 03 мая 2020

Вы можете просто установить id для них: 

<button id="btnOn" class="loadButton">Switch ON</button>
<button id="btnOff" class="loadButton">Switch OFF</button>

Ваш javascript: 

<script>

$(document).ready(function(){
   $("#btnOn").click(function(){
       $.ajax({
        url: "switch_on.php",
        success: function(result){
           $("#div1").html(result);
        }
      });
   });


    $("#btnOff").click(function(){
        $.ajax({
           url: "switch_off.php",
           success: function(result){
             $("#div1").html(result);
           }
        });
    });

});

</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...