Using PHP variables in Javascript include files for view in MVC

Question

Suppose I am using an MVC framework, and my views require Javascript files located in a file external to the view. My javascript located in the external file depends, however, upon a few PHP variables in my view. If I were to include the Javascript in a tag inside my HTML view, I could simply inject the PHP variables into the Javascript.

I know I can create hidden input fields and assign the variables I need as their values. Is there another, more elegant way?

I know I could probably get away with naming the .js file to .php, but I'm not too fond of doing that.

Travis · Accepted Answer · 2009-10-28 22:15:22Z

4

I'm not sure I understand your question completely, but if I have the gist right, couldn't you just set global javascript variables inside a script tag in the view, that would then be passed to your external js?

<script type="text/javascript">
  var myvar1 = <?=$myvar1 ?>;
  var myvar2 = "<?=$myvar2 ?>";
</script>
<script type="text/javascript" src="myexternaljs.js"></script>

answered Oct 28, 2009 at 22:15

Travis

4,0887 gold badges40 silver badges52 bronze badges

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

Comments

Gergely Orosz · Accepted Answer · 2009-10-28 21:41:58Z

1

You could make a call from JS to the server (e.g. REST) to get the variables you depend on. You would have to create a service for this but the structure would remain clean.

answered Oct 28, 2009 at 21:41

Gergely Orosz

6,4854 gold badges49 silver badges59 bronze badges

Comments

OIS · Accepted Answer · 2009-10-28 23:25:35Z

1

You can either post them on the page before you include other scripts, or use something like this and include the php file like a js file:

ob_start();
//all variables here
echo 'var someJson = '
    . json_enode($someArray);
$content = ob_get_clean();

header('Content-Type: text/javascript');
header('Content-Length: ' . strlen($content)); //or mb_strlen with utf8
echo $content;
exit;

You can add headers to provide caching with etag (hashing/id), last modified or expire/pragma.

answered Oct 28, 2009 at 23:25

OIS

10.1k3 gold badges35 silver badges41 bronze badges

Collectives™ on Stack Overflow

Using PHP variables in Javascript include files for view in MVC

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related