How can I set a session var using javascript and get it via php code

Question

I have a javascript code like this :

<script type="text/javascript">

    $('#editRole').on('show.bs.modal', function (e) {  

        $roleID =  $(e.relatedTarget).attr('data-id');
        // Here I want to set this $roleID in session may be like this :
        Session['roleID'] = $roleID;                      
    });    

</script>

Then I want to get that $roleID in an other place using php code, may be like this :

<?php $roleID = Session::get('roleID'); //do something ....  ?>

Thanks in advance!

Answer 1

Hello @kartik,

You can't set a server session variable directly from JS.

To do that you can make an AJAX call to a PHP script passing the value you want to set, and set it server side:

$('#editRole').on('show.bs.modal', function (e) {  

    $roleID =  $(e.relatedTarget).attr('data-id');

    //ajax call 
    $.ajax({
         url: "set_session.php",
         data: { role: $roleID }
    });                             
}); 

set_session.php

//preliminary code

Session::put('roleID', $request->input('role') );    

Hope this is helpful!

To  know more about javascript, join comprehensive Java training course online.

Answer 2

Yes it is possible. You can either use document.cookie, window.localStorage or window.sessionStorage.
But window.localStorage and sessionStorage are only supported in modern Browsers.
So, you should check for browser's compatibility before proceeding.
[CODE]
<script>
function saveVariable()
{
if(typeof(Storage) == "undefined")
{
alert ("local storage not supported by this Broswer");
}
else
{
localStorage ['test'] = 'Saving to local storage'];
}
}

function read()
{
alert (localStorage ['test']);
}
</script>

[/CODE]

You can check https://www.emmason247.com.ng/tutorial/javascript-persistent-variable-storage-using-localstorage-and-sessionstorage/GGZIGWWZD
 for more information on sessionStorage and localStorage