How to pass variables to javascript in Cakephp 2.3?

Question

I'm trying to pass a variable array to Javascript in CakePHP 2.3, but can't get it to work. I hope someone has a good solution to this.

I have successfully passed the array to my view by placing the following in the controller:

$this->set(compact('myArray'));

And tried this in my view to pass the variable through to myJs.js.

$this->Js->set('myArray');
$this->Html->script('myJs');

Why can't I access the myArray in myJs.js?

Anil kumar · Accepted Answer · 2014-01-24 09:15:46Z

4

Passing a varible to javascript by using the methods of Js helper

Just set the variable you want to set using set method of js helper.

$this->Js->set('myArray', $myArray);
echo $this->Js->writeBuffer(array('onDomReady' => false));

and you can access the $myArray variable as window.app.myArray your javascript.

edited Jan 24, 2014 at 9:15

answered Nov 8, 2013 at 10:16

Anil kumar

4,1874 gold badges25 silver badges37 bronze badges

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

5 Comments

Anil kumar Over a year ago

let me know if you've any query or concern @Hans .

Hans Over a year ago

This way I'm getting an error "window.app is undefined". Any ideas?

Anil kumar Over a year ago

check in your view-source whether this variable is set or not

VCD Over a year ago

It would be better to specify onDomReady to false to prevent the error "window.app" is undefined. Also, looks like inline is not necessary as well. So my version is: echo $this->Js->writeBuffer(array('onDomReady' => false));

Anil kumar Over a year ago

I just set inline to false to show the script at the top of page. I've edited answer for setting onDomReady to false Thanks for the info. @VCD

Pedro · Accepted Answer · 2013-11-12 14:41:09Z

1

echo $this->Html->scriptBlock(
    "var myArray = '" . json_encode($myArray) . "'",
    array('inline' => true)
    );
echo $this->Html->script('myJs');

edited Nov 12, 2013 at 14:41

answered Nov 8, 2013 at 8:20

Pedro

6911 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to pass variables to javascript in Cakephp 2.3?

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related