destroy $_SESSION after clicking 'Cancel' button - php

Question

I would like to destroy $_SESSION['userList'] after cliking 'Cancel' button. However, the $_SESSION['userList'] is destroied when page load.
Below is my code:
<span>Cancel</span>
<script type="text/javascript">
function resetForm() {
<?php
unset($_SESSION['userList']);
?>
}
</script>
Really appreciate for any help.

Answer 1

You cannot execute PHP (server-side) in your javascript (client-side). You need to issue an HTTP request to invoke PHP. You can do that using AJAX.

Answer 2

JAVASCRIPT
$.ajax({
type: "POST",
url: "phppage.php",
data: "action=unsetsession",
success: function(msg){
alert(msg);
if(msg == "success"){
//cleared session
}else{
//failed
}
},
error: function(msg){
alert('Error: cannot load page.');
}
});
PHP
if($_POST['action'] == "unsetsession"){
unset($_SESSION['userList']);
echo "success";
}

Answer 3

You can not execute php code in the client side like you try in your example. If you want to to destroy session withou reload then you must use ajax request.

Answer 4

You better use jquery for this
<span>Cancel</span>
<script>
function resetForm()
{
jQuery.ajax({
type: "POST",
url: "cancel.php",
data:,
cache: false,
success: function(response)
{
}
});
}
</script>
And create a new cancel.php which will be like this -
<?php
unset($_SESSION['userList']);
?>

Answer 5

You can't call PHP from JS like this. You'll need to do a call back to the server.

Answer 6

Use submit button for Cancel (You can use CSS to make it look the away you want)
//HTML
<form method="post" >
<input type="button" value="Cancel" name="cancel" id="cancel" />
</form>
//PHP
if(isset($_POST['cancel'))
{
unset($_SESSION['userList']);
}