In Yii, pass PHP variables to JavaScript

Question

In my JavaScript (using jQuery) there are a whole set of PHP variables to which I need access. While I've got it working by just producing the JavaScript file as a view, and then using renderPartial() to echo the JavaScript inside the main view.

However, this is obviously not very elegant, so I would like to know the 'Yii' way of doing it. I've been looking at the Assets Manager but that seems to be for static JavaScript files - you can't include PHP in there (unless I'm wrong).

Is there another way of doing it?

zuo · Accepted Answer · 2012-01-18 15:39:00Z

2

You may consider registerScript. In my opinion, it is better since there is a param named $position, which can help you control the process output of render().

edited Jan 18, 2012 at 15:39

answered Jan 18, 2012 at 15:24

zuo

1,1111 gold badge12 silver badges27 bronze badges

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

2 Comments

Dan Blows Over a year ago

Do I return the JavaScript from the view as the $script parameter?

zuo Over a year ago

@Blowski Actually I agree with Jon's answer. registerScript is just sth in yii to render the script. In my opinion, it is better since you can control the process output of yii (the position of script) with it.

Jon · Accepted Answer · 2012-01-18 15:22:12Z

2

There's nothing inherently wrong or inelegant with your approach, and yes assets are static content (JS, CSS, etc) -- unrelated to the issue.

Fundamentally you can only expose the value of a PHP variable in JS by writing it as part of PHP code. If you will only need this value in a limited scope then you could just write it as an inline constant (which is what e.g. some widgets do). If you need it to be available throughout your JS code the only option is to produce JS code like you do now.

It's not strictly necessary to make a new partial view for your PHP-to-JS variables, but it's also not a bad idea. If you are happy with it, by all means use it.

answered Jan 18, 2012 at 15:22

Jon

439k85 gold badges756 silver badges820 bronze badges

Comments

nichiporets · Accepted Answer · 2013-01-04 22:01:21Z

1

The one of approaches is to set global variable by a small script and redisterScript(), and then use this variable in real js

answered Jan 4, 2013 at 22:01

nichiporets

4317 silver badges18 bronze badges

Comments

aCodeSmith · Accepted Answer · 2013-07-04 00:35:08Z

1

Setting your variables in a key=>value array and using CJSON::encode works really well. You can access all your variables via the object created by jQuery's parseJSON. For example:

$myVarList = array(
 'nameOne'=>$valueFromAnotherVar,
 'nameTwo'=>$object->coolValue,
 'nameThree'=>$cat->hoursSleptToday()
);

Yii::app()->clientScript->registerScript("myVarList",
    'myVarList = jQuery.parseJSON('.CJSON::encode($myVarList).');'

You can then access the values from the global var.

myVarList.nameOne || myVarList.nameTwo || myVarList.nameThree

edited Jul 4, 2013 at 0:35

answered Jul 2, 2013 at 19:05

aCodeSmith

5522 silver badges10 bronze badges

Comments

Berk · Accepted Answer · 2016-06-10 12:55:55Z

1

Refer to Yii2 - Client Scripts Documentation, you can use registerJS function to pass variables to javascipt. For example:

/* @var $this yii\web\View */
$this->registerJs(
    "var calenderEvents = ".Json::encode($calenderEvents).";", 
    yii\web\View::POS_HEAD, 
    'calender-events-script'
);

answered Jun 10, 2016 at 12:55

Berk

1,33912 silver badges16 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

Try to do this that way:

$myVarList = array(
'nameOne'=>$valueFromAnotherVar,
'nameTwo'=>$object->coolValue,
'nameThree'=>$cat->hoursSleptToday()
);

$json = addslashes(CJSON::encode($myVarList));

Yii::app()->clientScript->registerScript("myVarList", 'myVarList = jQuery.parseJSON("' . $json . '");');

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 13, 2014 at 13:50

Adam

716 bronze badges

Collectives™ on Stack Overflow

In Yii, pass PHP variables to JavaScript

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related