JavaScript variable doesn't work in Laravel

Question

All the pages in my website has the same header. I implemented that like this:

extends('layouts.main')

Now in some pages, I need to send a successful message and in other pages not. I implemented that like this:

return....->with(array(
sucessfulMessage => 'asdf'
));

Please note that I do that just in some pages not in all pages.

Now I want to use that variable in JavaScript. I did this in the layout.main:

<head>
    {{ HTML::script('/js/jquery-2.1.1.js')}}
    @if(isset($successfulMessage))
    <script>
        var successfulMessage = "{{$successfulMessage}}";
    </script>
    @endif
    {{ HTML::script('/js/myPopupScript.js')}}
</head>

and then in myPopupScript.js I did this:

$(document).ready(function(){
    if(!typeof successfulMessage === 'undefined'){
        alert(successfulMessage);
    }else{
        alert("test");
    }
});

My problem

The alert is always test even though when the successfulMessage has been sent.

Important note

When I use F12 in Google Chrome to see the actual HTML, I can see this:

<script>
        var successfulMessage = "asdf";
    </script>

so the variable is defined.

!typeof successfulMessage === 'undefined' = (!(typeof sucessfullMessage)) === 'undefined' = false === 'undefined' = false. — Cthulhu
– Cthulhu, Commented Jul 31, 2014 at 19:58
@Cthulhu couldn't understand your comment, could you explain please? — Anastasie Laurent
– Anastasie Laurent, Commented Jul 31, 2014 at 20:01
Just saying that if correct operators precedence taken into account, your condition will never hold. What you wanted is typeof successfulMessage !== 'undefined'. — Cthulhu
– Cthulhu, Commented Jul 31, 2014 at 20:03
@Cthulhu you right, because I tried to define the variable before the condition and still not working. that a good notice, please how to solve it? — Anastasie Laurent
– Anastasie Laurent, Commented Jul 31, 2014 at 20:04
The real problem here is that when you try to access the variable successfulMessage never has assigned the php value, remember php executes is server-side and the script load at first. — martinezjc
– martinezjc, Commented Jul 31, 2014 at 20:07

Anastasie Laurent · Accepted Answer · 2014-07-31 20:27:33Z

1

The code that works for me is this:

$(document).ready(function(){
    var typeOfSuccessfulMessage = typeof successfulMessage;

    if(typeOfSuccessfulMessage == 'string'){
       alert(successfulMessage);
    }else{
        alert("undefined");
    }
});

Many thanks for @martinezjc, @lowerends and @Cthulhu

answered Jul 31, 2014 at 20:27

Anastasie Laurent

9252 gold badges14 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anastasie Laurent Over a year ago

@martinezjc I need two day to accept my own answer :) but truly I appreciate your help

martinezjc · Accepted Answer · 2014-07-31 20:02:35Z

0

Change this piece of code:

Edit:

Try to change the condition in your if/else javascript block

$(document).ready(function() {
     @if(isset($successfulMessage))
        var successfulMessage = {{$successfulMessage}};
    @endif

    if( !typeof successfulMessage === 'undefined' ) {
        alert("test");
    } else {
        alert(successfulMessage);
    }
});

Hope this works :)

edited Jul 31, 2014 at 20:02

answered Jul 31, 2014 at 19:52

martinezjc

3,5953 gold badges24 silver badges29 bronze badges

3 Comments

Anastasie Laurent Over a year ago

your new code works just when the variable is defined, but where there is no variable, I got this error message: Uncaught ReferenceError: successfulMessage is not defined

Anastasie Laurent Over a year ago

your second new code has a syntax error, can't write @ inside a jquery function

Anastasie Laurent Over a year ago

I checked and told you. can't' write @ in a jquery

Collectives™ on Stack Overflow

JavaScript variable doesn't work in Laravel

My problem

Important note

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My problem

Important note

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related