Pass Data from Controller to JavaScript

Question

I want to pass data from my Controller to a JavaScript that handles a Google Bar Chart.

composer

$tmp = 6;
return view('pages.template', ['tmp' => $tmp]);

from my template.blade.php I call the Google Chart

<div id="chart_div"></div>

.js file:

var tmp = 6;
var tmp2 = parseInt('{!! $tmp !!}');

var data = google.visualization.arrayToDataTable([
    ['comment1', 'comment2'],
    ["- 6 days", tmp],
    ["- 5 days", tmp2],
    ["- 4 days", 31],
    ["- 3 days", 12],
    ["- 2 days", 10],
    ["- 1 day", 3],
    ["today", 4]

the 2nd bar from Google-Bar-Chart is blank ....

But there should be displayed my variable.

How do I solve this issue?

Maybe try the response from Brandon "here" only because I think you're trying to use the php variable on a linked .js file which won't work. — Kevin P.
– Kevin P., Commented Aug 13, 2015 at 10:51

Zakaria Acharki · Accepted Answer · 2015-08-13 11:14:56Z

2

Just replace :

var tmp2 = parseInt('{!! $tmp !!}');

By :

var tmp2 = parseInt(<?php echo $tmp; ?>);

And it should work.

answered Aug 13, 2015 at 11:14

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

Comments

jedrzej.kurylo · Accepted Answer · 2015-08-13 11:03:24Z

You are trying to use Blade syntax in your JS file. In order for that to work, this file would need to be processed by Blade compiler. It means that instead of including JS file in your website directly, you need to include a URL that will be processed by Laravel and output Javascript code. It is possible, but it's usually a bad option. Instead of fetching a light JS file directly from the server, additional request will need to be processed by Laravel.

What you need to do is:

Put your Javascript in a Blade template

Create a controller action that will

class JavascriptController extends Controller {
  public function javascript() {
    $tmp = 6;
    return view('javascript', ['tmp' => $tmp]);
  }
}

Add a route to that action in your routes.php

Route::get('/javascript', 'JavascriptController@javascript');

Instead of including the original Javascript file include a URL that will execute this controller action
```
<script src="{{route(javascript)}}"></script>
```

Nemo · Accepted Answer · 2019-08-30 08:58:31Z

0

This worked for me

<script type="text/javascript">

var tmp = {!! json_encode($tmp->toArray()) !!};
console.log(tmp);

</script>

In Your controller, you could do the following

public function index()

{

$tmp = Tmp::get();

return view('tmp.index', compact('tmp'));

}

answered Aug 30, 2019 at 8:58

Nemo

5131 gold badge6 silver badges23 bronze badges

Comments

Eddy · Accepted Answer · 2015-08-13 11:09:44Z

-1

The variable $tmp seems not be parsed successfully in .js file. why not you put the code in .js file into template.blade.php?

answered Aug 13, 2015 at 11:09

Eddy

3,78343 silver badges46 bronze badges

1 Comment

John Corry Over a year ago

I don't think shoving javascript into a view file in order to coerce it into working is the best approach.

Collectives™ on Stack Overflow

Pass Data from Controller to JavaScript

composer

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

composer

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related