Laravel array to json format

Question

So I'm trying to convert a Laravel array into json so I can then manipulate it through javascript. Im not sure how this is achieved correctly. Here is the code, so far

@foreach ($posts as $post)
<div class="row">
   <div class="col-md-8">
     <div class="row">
        <div class="col-md-8 tag">
            <h4><strong><a href="{{{ $post>postName }}}">#{{String::title($posts->postName) }}</a></strong></h4>
        </div>
     </div>
    <!-- ./ post title -->
   </div>    
</div>
<hr />
@endforeach


<script type="text/javascript">
   var data = "{{ ($posts) }}"; // ??
   console.log(data);
</script>

Jimmy Bernljung · Accepted Answer · 2015-02-15 08:45:28Z

12

You could return an json_encoded array from the controller like so:

public function index()
{
    $posts = Post::all();
    $json = json_encode($posts);
    return View::make('posts.index', compact('posts', 'json'));
}

Which you then can work on in your view like you'd like:

<script type="text/javascript">
    var data = {{ $json }};
    console.log(data);
</script>

Also, if you have sensitive fields on your post model, you should exclude these in the model class to prevent them to show in your javascript inspector:

class Post extends \Eloquent {
    ...

    protected $hidden = array(
    'id',
    'created_at',
    'updated_at'
    );

    ...
}

answered Feb 15, 2015 at 8:45

Jimmy Bernljung

5493 silver badges9 bronze badges

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

Comments

JulianMorris · Accepted Answer · 2016-07-12 01:52:29Z

8

If you looking for "high-level" way to convert plain array to json, you can use laravel collections.

collect(['a' => 1, 'b' => 2, 'c' => 3])->toJson();

answered Jul 12, 2016 at 1:52

JulianMorris

811 silver badge3 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:51:27Z

5

Use Eloquents built in function toJson to get your rows as json.

<script type="text/javascript">
   var data = "{{ $posts->toJson() }}";
   console.log(data);
</script>

If there's some fields you don't want to include, add the field to the hidden property in your model as Jimmy mentioned.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Feb 15, 2015 at 8:50

Marwelln

29.5k21 gold badges97 silver badges120 bronze badges

1 Comment

Jimmy Bernljung Over a year ago

This is cleaner, use this in combination with the hidden field in model.

Zain · Accepted Answer · 2019-09-06 11:44:22Z

5

<script type="text/javascript">
   let data = @json($posts);
   console.log(data);
</script>

answered Sep 6, 2019 at 11:44

Zain

4826 silver badges14 bronze badges

1 Comment

Moe Over a year ago

This should be the correct answer. More info under Rendering JSON : laravel.com/docs/7.x/blade

Pavan Jiwnani · Accepted Answer · 2015-02-15 08:22:03Z

0

you don't need to do all that, just use the php inbuilt function json_encode

$json = json_encode($posts);
    echo $json;

<script type="text/javascript">
   var data = "$json"; // ??
   console.log(data);
</script>

answered Feb 15, 2015 at 8:22

Pavan Jiwnani

2741 silver badge5 bronze badges

2 Comments

MrSSS16 Over a year ago

Hey I tried that but it just prints empty braces. I need the above code since it displays all the post titles but also I then need to do some client side processing with those same posts. The second aspect is what I cant figure out

Pavan Jiwnani Over a year ago

json_encode will ensure that json data is properly encoded from an array, once encoded you can use json_decode function to generate a json object which can be further used to display specific object values

Collectives™ on Stack Overflow

Laravel array to json format

5 Answers 5

Comments

Comments

1 Comment

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related