logout using AJAX is not working properly - php

Question

i want to logout on clicking this button
html input
<input type="button" value="logout" id="top-btn-logout" onclick="test()">
my js file
function test()
{
$("#top-btn-logout").click(function() {
$.ajax({
url: 'http://localhost/New%20folder/vigcheck.php?action=logout',
success: function(data){
alert(data);
//location.reload();
//window.location.href = data;
}
});
});
}
check.php file.
<?php
if(isset($_GET['action']) == "logout" ){
//$_SESSION = array();
session_destroy();
session_unset();
echo "logout";exit;
}?>

Answer 1

First use a proper get request using jquery ajax try
$.ajax({
url: 'http://localhost/New%20folder/vigcheck.php',
type: 'get',
data:{action:'logout'},
success: function(data){
alert(data);
//location.reload();
//window.location.href = data;
}
});
then check.php file. (you are combining conditions to check use both conditions separate)
<?php
if(isset($_GET['action']) && $_GET['action'] == "logout" ){
//$_SESSION = array();
session_destroy();
session_unset();
echo "logout";exit;
}?>

Answer 2

if(isset($_GET['action']) == "logout" ){
This is incorrect because isset will return true and true != 'logout' so make it as
if(isset($_GET['action'])){
if($_GET['action']=="logout";
//do whatever you wanna do
}

Answer 3

You need to check for returned data from check.php file on success of ajax request . After that redirect the user to your login page.

Answer 4

Try this it will work :
JS File :
function test()
{
$("#top-btn-logout").click(function() {
$.ajax({
url: 'http://localhost/New%20folder/vigcheck.php?action=logout',
success: function(data){
alert(data);
//location.reload();
//window.location.href = data;
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
if (XMLHttpRequest.status === 401) {
location.href = 'index.php';
}
}
});
});
}
check.php :
<?php
if(isset($_GET['action']) == "logout" ){
header("HTTP/1.1 401 Unauthorized");
}
?>