Store PhP variable in JavaScript variable

Question

I'm really new into web dev and I'm working on a project which uses the TALL stack:

Laravel Mix;
Livewire;
AlpineJS and;
TailwindCSS.

I want to get a PhP variable and store it in a JavaScript variable, so I can do jQuery/JavaScript stuff with it.

The PhP variable is <?php Auth::user()->kyc_status ?> and I would like to store it in a JavaScript variable called kycStatus. The idea could be represented by something like let kycStatus = <?php Auth::user()->kyc_status ?>

Thanks in advance.

Put your PHP data in a html data attribute and get it with javascript. — Astro-Otter
– Astro-Otter, Commented Mar 25, 2021 at 13:21

Jacky.S · Accepted Answer · 2021-03-25 13:25:34Z

1

<script>
    let kycStatus = {{ Auth::user()->kyc_status }}
</script>

answered Mar 25, 2021 at 13:25

Jacky.S

4049 silver badges19 bronze badges

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

6 Comments

Qirel Over a year ago

You probably need to quote it if its a string, let kycStatus = '{{ Auth::user()->kyc_status }}';

Jacky.S Over a year ago

I don't think quote is needed, {{ }} represents a variable, you don't put a quote on a variable like '$variable', if the variable is a string type, then kycStatus will get the string type

Qirel Over a year ago

The quote is for the JS to know its a string, see where I put the quotes in my comment

Jacky.S Over a year ago

If you think the answer is helpful, could you please accept the answer as the right answer, thanks in advance

Fernando Rodrigues Coelho Over a year ago

For sure, @Jacky.S. I was about to do that! ;) Could you please explain me the difference on doing {!! json_encode(Auth::user()->kyc_status) !!}; and '{{ Auth::user()->kyc_status }}'; ?

|

Junior Gantin · Accepted Answer · 2021-03-25 13:31:42Z

1

You can do it like following

<script>    
    var kycStatus = {!! json_encode(Auth::user()->kyc_status) !!};
</script>

Or use this Laravel package https://github.com/laracasts/PHP-Vars-To-Js-Transformer to pass some server-side string/array/collection/whatever to your JavaScript.

answered Mar 25, 2021 at 13:31

Junior Gantin

2,2021 gold badge22 silver badges26 bronze badges

3 Comments

Qirel Over a year ago

There's also a @json blade directive, laravel.com/docs/8.x/blade#rendering-json

Junior Gantin Over a year ago

Yes :thumbs_up _

Fernando Rodrigues Coelho Over a year ago

This solution also worked. Thanks @JuniorGantin. What is the difference on doing {!! json_encode(Auth::user()->kyc_status) !!}; and '{{ Auth::user()->kyc_status }}'; ?

Collectives™ on Stack Overflow

Store PhP variable in JavaScript variable

2 Answers 2

6 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related