Как изменить значение в функциональной кнопке onclick

Question

Я хочу изменить статус пользователя в моей базе данных с неактивного на активный, нажав на кнопку.

У меня уже есть функция, которая показывает, является ли использование активным или неактивным в базе данных, присваивая им значение, например, 0 для неактивного и 1 для активного.

ниже - функция, которая изменяет значение на кнопке, если пользователь неактивен или активен

 if ( $row["active"] == 1 ) {
echo '<button class="btn-u btn-u-green" type="button">Active</button>';
  } else {
 echo '<button class="btn-u btn-u-red" type="button">Inactive</button>';
  }

Теперь мне нужно создать функцию, которая обрабатывает активную и неактивную кнопку. например, когда администратор нажимает на неактивный (кнопка), он обновляет значение в базе данных до 1 (активный), а если администратор снова нажимает на активную кнопку, он обновляет значение до 0 (неактивный),

нижеэто то, что я сделал до сих пор

Таблица кнопок ниже

<td>                                                                                        
<?php                                                                                                                                                 
  if ( $row["active"] == 1 ) {
echo '<button onclick="button" name="active" class="btn-u btn-green" type="button">Active</button>';
} else {
echo '<button name="inactive" class="btn-u btn-u-red" type="button">Inactive</button>';
 }
?></td>

настройки базы данных

<?php

$hostname = "localhost";
$username = "root";
$password = "";
$databasename = "testone";

try
{

$conn = new PDO ("mysql:host=$hostname;dbname=$databasename",$username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    if(isset($_POST["active"]))
}
    $query = "INSERT INTO users(active) VALUE (:1)";
    $statement = $conn->prepare($query);
    $statement->execute(
        array(
            'users' => $_POST['active']
        )
    );
    $count = $statement->rowCount();
    if($count > 0)
    {
        echo "data insert successfully";
    }
    else
    {
        echo "data insertion failed";
    }
}
}
catch(PODExeption $error)
{

    echo $error->GetMessage(); 
}

?>

функция, которую я использовал

<script
src="https://code.jquery.com/jquery-3.4.1.js"integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="crossorigin="anonymous">
</script>
  <script>

 $(document).raedy(function(){
   $('button[type="button"]').click(function(){
 var active = $(this).val();

  $.ajax({
    url:"activateagent.php",
    method:"POST",
   data:{users:active},
 success: function(data){
 $('$result').html(data);
       }
     });
       });
     });

 </script>

в моемконсоль я получаю эту ошибку ReferenceError: кнопка не определена

Спасибо

Answer 1

В коде так много ошибок, внесите следующие изменения:

<td>                                                                                        
<?php                                                                                                                                                 
  if ( $row["active"] == 1 ) {
echo '<button class="btn-u btn-green btn_send" id="<?php echo $row["active"];?>">Active</button>';
} else {
echo '<button class="btn-u btn-u-red btn_send" id="<?php echo $row["active"];?>">Inactive</button>';
 }
?></td>

Теперь в коде JQuery внесите следующие изменения:

 $(document).ready(function(){
   $('.btn_send').on('click',function(){
 var active = $(this).attr('id');

  $.ajax({
    url:"activateagent.php",
    method:"POST",
   data:{users:active},
 success: function(data){
 $('$result').html(data);
       }
     });
       });
     });