Запись данных по onClick с помощью AJAX

Всем привет.Есть проблема с записью данных с помощью AJAX по нажатию на button ,должно записывать "1" а при повторном нажатии "0" ,должно отправляться в ячейку "work" индивидуально под свой id ( например 1 айди).

Вот база данных connect.php

    <?php
$hostname = "localhost"; // название/путь сервера
$username = "root"; // имя пользователя 
$password = "a-1800"; // пароль пользователя 
$dbName = "new_tech_user"; // название базы данных
/* Создаем соединение */
$connect = mysqli_connect($hostname,$username,$password,$dbName );
if (mysqli_connect_errno()) {
    echo mysqli_connect_error("Подключиться к серверу не удалось:(");
    exit();
} 
$id ='';
$name = '';
$day = '';
$pass  = '';
$log_ip  = '';
$sort  = '';
$work  = '';
$login  = '';
$sql = mysqli_query($connect, "SELECT * FROM tab_1"); // название нашей таблицы "tab_1"
while($row = mysqli_fetch_array($sql)){
    $id = $row['id'];   /* пример вывода записи в теге <button> <?php echo $id; ?></button>*/
    $name   = $row['name'];
    $day      =  $row['day'];
    $pass     =  $row['pass'];
    $log_ip   =  $row['log_ip'];
    $sort     =  $row['sort'];
    $work     =  $row['work'];
    $login    =  $row['login'];
}
?>

САМА КНОПКА ДЛЯ ЗАПИСИ "1" или "0"

    <button id="my-button" onclick="myEvent()">РАБОТА</button>
<div id="result">0</div>

AJAX запрос

let result = 0;
let myEvent = function() {
  if (result == 0) {
    document.getElementById('my-button').style.backgroundColor = 'green';
    result++;
  } else {
    document.getElementById('my-button').style.backgroundColor = '#47a4ff';
    result--;
  }
  let xhr = new XMLHttpRequest();
  xhr.open('POST', connect.php,$work, false); 
  let body = 'result=' + result;
  xhr.send(body);
  if (xhr.status == 200) {
    document.getElementById('result').innerHTML = result;
  } else {
    alert('При отправке данных произошла ошибка');
  }
}