How To display JSON data in a Laravel blade template

To display JSON data in a Laravel blade template, you can use the json_decode function to parse the JSON string into a PHP array or object. You can then loop through the array or access the object properties to display the data.

For example, if you have the following JSON string:

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

You can parse it into a PHP object in your controller and pass it to the view like this:

$json = '{"name": "John","age": 30,"city": "New York"}';
$data = json_decode($json);

return view('view', ['data' => $data]);

Then, in your blade template, you can access the object properties like this:

Name: {{ $data->name }}<br>
Age: {{ $data->age }}<br>
City: {{ $data->city }}

Or, if you prefer to loop through the object properties, you can use a foreach loop:

@foreach ($data as $key => $value)
    {{ $key }}: {{ $value }}<br>
@endforeach

If the JSON data is an array, you can loop through it using a foreach loop as well:

@foreach ($data as $item)
    Name: {{ $item->name }}<br>
    Age: {{ $item->age }}<br>
    City: {{ $item->city }}<br>
@endforeach

You can also use the @json directive to output the JSON data as a string in your blade template:

@json($data)

Ajith Jojo Joseph

Hire Me for Freelancing $30/Hour ,
Contact via email : [email protected]

Share with your friends:

Comments are closed.

How To Generate A PDF from HTML in Laravel 11

Hello , I was trying to generate a PDF payment receipt for my SAAS application and when i search for […]

June 22, 2024

How to create Laravel Flash Messages

Laravel flash messages are a convenient way to display one-time notifications to the user after a form submission or other […]

December 22, 2022

How to make Custom Artisan Command in Laravel

Custom Artisan commands are a useful feature of Laravel that allow you to define your own command-line commands for tasks […]

December 22, 2022

Tips for Laravel migrations

Laravel migrations are a powerful tool for managing and modifying your database schema in a structured and organized way. Here […]

December 22, 2022