CODEWITHSUNDEEP
javascriptphphtmllaravel
MrSSS16
MrSSS16

Reputation: 473

Laravel array to json format

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>

Upvotes: 8

Views: 55717

Answers (5)

Zain
Zain

Reputation: 482

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

Upvotes: 5

JulianMorris
JulianMorris

Reputation: 81

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();

Upvotes: 8

Marwelln
Marwelln

Reputation: 29413

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.

Upvotes: 5

Jimmy Bernljung
Jimmy Bernljung

Reputation: 529

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'
    );

    ...
}

Upvotes: 12

Pavan Jiwnani
Pavan Jiwnani

Reputation: 274

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>

Upvotes: 0

Related Questions