Laravel use json from controller in jquery

Question

I am fairly new to laravel and I am trying to replicate something I build in wordpress a while ago with laravel. So my goal is to query some data from the database and use the json_encode of this data in my jQuery.

So in my controller I did this:

public function index()
    {
        $kalenderItems = Kalender::orderBy('created_at', 'desc')->get();
        $json = json_encode($kalenderItems);

        return view('kalender.index', compact('json'));
    }

In my view if I do this:

{{ $json }}

It works obviously, but when I try to do this in my script tags in the same index file, it doesn't work. Unfortunately.

$items = {{ $json }};

I was able to do this in WordPress like this in my script tags

$items = <?php json_encode($data); ?>;

Can I replicate this in laravel or is what I am trying not possible?

Many thanks in advance!!

$items = "{{ $json }}";

Parvez Rahaman
– Parvez Rahaman

2016-06-03 10:22:14 +00:00
Commented Jun 3, 2016 at 10:22 — Parvez Rahaman
– Parvez Rahaman, Commented Jun 3, 2016 at 10:22

MrCode · Accepted Answer · 2016-06-03 10:26:31Z

3

You need to output the variable as raw like so:

<script>
var $items = {!! $json !!};
</script>

By using {{ $json }}, the value will be encoded using HTML entites, which breaks the JSON.

answered Jun 3, 2016 at 10:26

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

1 Comment

Cruzito Over a year ago

Thank you very much friend!

Collectives™ on Stack Overflow

Laravel use json from controller in jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related