javascript - Laravel: How to check whether a user logged in or not by jQuery

Although I know about the authentication check via laravel, I want to know how to check via jQuery.

Actually, I want to change my CSS If user logged in. By default:

body{
    background: url('image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

If user logged in, my CSS should be updated like:

body{
    /*Nothing*/
}

I've tried something in my js file:

var loggedIn={!! json_encode(Auth::check()) !!};
if(loggedIn)
    alert('Logged In as user!');

But the above code didn't work for me. I need help. If my purpose can be done in any alternative way, you may share.

Thanks

Although I know about the authentication check via laravel, I want to know how to check via jQuery.

Actually, I want to change my CSS If user logged in. By default:

body{
    background: url('image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

If user logged in, my CSS should be updated like:

body{
    /*Nothing*/
}

I've tried something in my js file:

var loggedIn={!! json_encode(Auth::check()) !!};
if(loggedIn)
    alert('Logged In as user!');

But the above code didn't work for me. I need help. If my purpose can be done in any alternative way, you may share.

Thanks

Share Improve this question asked May 18, 2017 at 17:40 S M Iftakhairul 1,1502 gold badges20 silver badges45 bronze badges

1 This help? stackoverflow./questions/22273830/… – Michael Coker Commented May 18, 2017 at 17:42
1 just remove the json_encode – Omi Commented May 18, 2017 at 17:47
Not working @Omi – S M Iftakhairul Commented May 18, 2017 at 17:48
check the console for errors – Omi Commented May 18, 2017 at 17:50

Add a ment |

3 Answers 3

Sorted by: Reset to default 5

Try this.

var loggedIn = {{ auth()->check() ? 'true' : 'false' }};
if (loggedIn)
    alert('Logged In as user!');

I suggest you place anywhere in you template a script block like this:

    <script>
        var AuthUser = "{{{ (Auth::user()) ? Auth::user() : null }}}";
    </script>

Then you can access AuthUser variable in javascript

Laravel already uses a window.Laravel definition, so let's just extend that in the head of the master template:

<script>
    window.Laravel = {
        csrfToken: '{{csrf_token()}}',
        auth: {
            user: auth()->user()
        }
    }
</script>