Обновить значения Mysql по нажатию кнопки

Question

Я хотел бы изменить кнопку и статус на mysql, когда я нажимаю кнопку щелчка.Когда статус «Активен», его следует обновить в базе данных как «Неактивный» и обновить цвет кнопки.Если при щелчке пользователя состояние «Неактивно», его следует обновить в базе данных как «Активно» и цвет кнопки. Php для обновления значения в mysql выглядит нормально (updateStatus.php), но у него есть проблемы с тем, как сделать код js.

Возможны две кнопки:

<button class="btn btn-success" id="btn_status">Active</button>
<button class="btn btn-warning" id="btn_status">Inactive</button>

updateStatus.php

include("db_connection.php");
if(isset($_POST))
{
    $id = $_POST['id'];
    $register_status = $_POST['register_status'];
    $query = "UPDATE `users` SET `register_status` = '$register_status'  WHERE `id` = '$id'";
    if (!$result = mysqli_query($db,$query)) {
        exit(mysqli_error());
    }
}

script.js

$('body').click('#btn_status', function(event){
        //alert("button is clicked");
        var nid = $("#nid").val();

        $.post("ajax/updateStatus.php", {
                nid: nid,
                register_status: register_status
        }, function (data, status) {
                alert("button is clicked");
        });

});

Кто-нибудь поможет обновить этот код?

Answer 1

Ваш вопрос не ясен

HTML

<button data-status="active" class="btn btn-success">Active</button>
<button data-status="inactive" class="btn btn-warning">Inactive</button>

Javascript

$(document)
 .on('click', '[data-status]', function(a){
  a.preventDefault();
  var button = $(this);
      if(button.data('status') == 'active'){ //active
          //change button color e.g button.css('background-color', 'red');
      }else if(button.data('status') == 'inactive'){ //inactive
          //change button color e.g button.css('background-color', 'blue');
      }
});