How to delete cookies by using onClick, with Ajax and Javascript?

Question

I'm newbie to php, I would like to delete cookies with onClick event, I'm trying with some code but it doesn't work, this is what I tried, how can I fix it for it to work?

<html>
<head>
<body>

<button id="button" onClick='deleteCookie()'>Delete</button>

<script>

function deleteCookie(){
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if ( xmlhttp.readyState == 4 ) { 
            if ( xmlhttp.status == 200 ) { 
                unset($_COOKIE['user']);

            } 
        } 
xmlhttp.open( "GET", "cookie.php", true ); 
xmlhttp.send();

    }
}
</script>

</body>
</head>
</html>

score 0 · Answer 1 · answered Apr 27 '19 at 14:37

I am not sure if you are trying to put PHP code into Javascript there or just trying to show what PHP is done at that moment but, In order to "unset" a cooking you simply update the cooking forcing it to expire for example:

   setcookie("user", "", time()-1);

That will set the Cookie to expire 1 second ago and the browser should remove it.

score 0 · Answer 2 · answered Apr 27 '19 at 15:19

Just to add-on. Instead of deleting the cookie. What you can do is to set the cookie expiry date in the past. This will trigger the removal mechanism in web browser.

You can do something like this

function deleteCookie(name) {
  document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
}

var cookieName = 'CookieYouCreated';
deleteCookie(cookieName);

How to delete cookies by using onClick, with Ajax and Javascript?

2 Answers2