'Laravel: How do I parse this json data in view blade?

Currently this is my view

{{ $leads }}

And this is the output

{"error":false,"member":[{"id":"1","firstName":"first","lastName":"last","phoneNumber":"0987654321","email":"[email protected]","owner":{
"id":"10","firstName":"first","lastName":"last"}}]}

I wanted to display something like this

Member ID: 1
Firstname: First
Lastname: Last
Phone: 0987654321

Owner ID: 10
Firstname: First 
Lastname: Last

Solution 1:^[1]

it seems you can use @json($leads) since laravel 5.5

https://laravel.com/docs/5.5/blade

Solution 2:^[2]

For such case, you can do like this

@foreach (json_decode($leads->member) as $member)
     {{ $genre }}
@endforeach

Solution 3:^[3]

The catch all for me is taking an object, encoding it, and then passing the string into a javascript script tag. To do this you have to do some replacements.

First replace every \ with a double slash \\ and then every quote" with a \".

$payload = json_encode($payload);
$payload = preg_replace("_\\\_", "\\\\\\", $payload);
$payload = preg_replace("/\"/", "\\\"", $payload);
return View::make('pages.javascript')
  ->with('payload', $payload)

Then in the blade template

@if(isset($payload))
<script>
  window.__payload = JSON.parse("{!!$payload!!}");
</script>
@endif

This basically allows you to take an object on the php side, and then have an object on the javascript side.

Solution 4:^[4]

You can use json decode then you get php array,and use that value as your own way

<?php 
$leads = json_decode($leads, true);
dd($leads);

Solution 5:^[5]

in controller just convert json data to object using json_decode php function like this

$member = json_decode($json_string); 

and pass to view in view

return view('page',compact('$member'))

in view blade

Member ID: {{$member->member[0]->id}}
Firstname: {{$member->member[0]->firstname}}
Lastname: {{$member->member[0]->lastname}}
Phone: {{$member->member[0]->phone}}

Owner ID: {{$member->owner[0]->id}}
Firstname: {{$member->owner[0]->firstname}}
Lastname: {{$member->owner[0]->lastname}}

Solution 6:^[6]

If your data is coming from a model you can do:

App\Http\Controller\SomeController

public function index(MyModel $model)
{
    return view('index', [
        'data' => $model->all()->toJson(),
    ]);
}

index.blade.php

@push('footer-scripts')
  <script>
    (function(global){
      var data = {!! $data !!};
      console.log(data);
      // [{..}]
    })(window);
  </script>
@endpush

Solution 7:^[7]

Example if you have array format like this:

$member = [
    [ "firs_name" => "Monica",
      "last_name" => "Dev",
      "sex" => "F"
    ],
    [ "firs_name" => "Blake",
      "last_name" => "Devante",
      "sex" => "M"
    ],
    [ "firs_name" => "Johnny",
      "last_name" => "Merritt",
      "sex" => "M"
    ]
]

You can use @json Blade directive for Laravel 5.5 to 9.x

<script>
 var app = @json($member);
</script>

From Laravel 8.x to latest version you can use Illuminate\Support\Js::from method directive.

<script>
var app = {{ Illuminate\Support\Js::from($member) }};
</script>

And for short with Js facade

<script>
var app = {{ Js::from($array) }};
</script>

Reference:

https://laravel.com/docs/blade

Solution 8:^[8]

Just Remove $ in to compact method ,
return view('page',compact('member'))

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	mygeea
Solution 2	Bijaya Kumar Oli
Solution 3	falsarella
Solution 4	Imtiaz Pabel
Solution 5	umefarooq
Solution 6	Gus
Solution 7	Sophy
Solution 8	Ahmed Mansour

'Laravel: How do I parse this json data in view blade?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]