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>

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>

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


This will display the JSON data as a string, with appropriate encoding for special characters.





Post Your Questions on our forum

Post a question on Forum

Ajith Jojo Joseph

Self taught, dedicated young entrepreneur with many licensed products under his sleeve. Passionate about technology, business and excellence in general.

Share with your friends:

Comments are closed.

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

Tricks and tips for Laravel blade templating

Welcome to our blog about tricks and tips for Laravel blade templating! Blade is the default templating engine for Laravel, […]

December 22, 2022

Digital Marketing Toolkit

Get Free Access to Digital Marketing Toolkit. You can use all our tools without any limits

Get Free Access Now