Database not updating using php and jquery - php

Question

Basically, I want the status to change based on the id. There's no error but it is not updating.
index.php
$(document).ready(function() {
$('.seatCharts-seat').click(function(){
var id = jQuery(this).attr("id");
$seatid = id;
$.post("class/booking.php",
{
seatid:$seatid
},
function(data, status){
console.log('data',data);
console.log('status',status);
console.log($seatid);
});
});
});
booking.php
<?php
require_once 'config.php';
class booking extends config{
public $id;
public function __construct($id){
$this->id = $id;
}
public function editTask(){
$con = $this->con();
$sql = "UPDATE `tbl_booking` SET `status`= 'unavailable' WHERE `id` = $this->id";
$data = $con->prepare($sql);
if($data->execute()){
return true;
}else{
return false;
}
}
}
?>

Answer 1

Option 1 is to create a common file to handle all ajax related activities for the project. Say I would call it as myAjaxHandler.php
Then I would include the required class files are creates its instances to get the required methods called. Keep in mind when your projects get bigger it would be a bit difficult to maintain.
myAjaxHandler.php
<?php
require_once 'booking.php';
if(!empty($_POST) && isset($_POST['seatid'])) {
$booking = new booking($_POST['seatid']);
$result = $booking->editTask();
echo $result; // Would get 1 for true & 0 for false
}
Changes to ajax
$.post("path/to/myAjaxHandler.php",
{
seatid: $seatid
},
function(data, status){
console.log('data',data);
console.log('status',status);
});
Option 2 is to have the above if block inside the booking.php file itself.
<?php
require_once 'config.php';
if(!empty($_POST) && isset($_POST['seatid'])) {
$booking = new booking($_POST['seatid']);
$result = $booking->editTask();
echo $result; // Would get 1 for true & 0 for false
}
class booking extends config { ... }
//Ajax
$.post("path/to/booking.php",
{
seatid: $seatid
},
function(data, status){
console.log('data',data);
console.log('status',status);
});