I have made a CRUD application using PHP and Bootstrap.
My delete_record.php file contains the following code:
<?php
include("includes/header.php");
include("includes/nav.php");
if (isset($_GET['mid'])) {
  $sql = "DELETE FROM medical_records WHERE mid = " . $_GET['mid'];
  //echo $sql;
  if (mysqli_query($con, $sql)) {
    //header("Location: {$_SERVER['HTTP_REFERER']}");
    echo "Record successfully deleted";
  } else {
    echo "Error: " . mysqli_error($con);
  }
}?>
<?php include("includes/footer.php"); ?>
The page used to make a simple redirect to the previous url with this line:
header("Location: {$_SERVER['HTTP_REFERER']}");
I have commented it out in order to "Ajaxify" the process. For this purpose I have used:
$('.delete-icn').on('click', function(evt){
    evt.preventDefault();
    var mid = $(this).data('mid');
    if(confirm('Are you sure you want to delete?')) {
        $.ajax({
            url: 'delete_record.php?mid=' + mid,
            method: 'GET',
            data: {mid:mid},
            success: function(deleteMsg){
                $('#delete_msg').slideDown(250);
                $('#delete_msg').text(deleteMsg);
            }
        });
    }
});
But this not only does not delete the record, it returns the html of an entire page inside the alert paragraph tag <p id="delete_msg" class="text-center alert alert-success"></p> instead of only "Record successfully deleted";
Where is the mistake? Thank you!
UPDATE: In the delete_record.php file I have kept only:
if (isset($_GET['mid'])) {
   $sql = "DELETE FROM medical_records WHERE mid = " . $_GET['mid'];
   if (mysqli_query($con, $sql)) {
     //header("Location: {$_SERVER['HTTP_REFERER']}");
     echo "Record successfully deleted";
   } else {
    echo "Error: " . mysqli_error($con);
   }
}?>
No significant change happened as a result of this.
 
     
    