Categories
JavaScript Tips & Tutorials PHP Tips & Tutorials

How to execute / run PHP code inside JavaScript files?

Static files of JavaScript would survive most applications but sometimes the ability to include PHP code inside JavaScript scripts and generate the content of the script files on the fly by PHP is a better option. How does one do that?

The simplest solution is to just include PHP code inside the <script></script> section of your HTML templates / web pages because chances are, the file extension is .php:

<script>
var jsVar = "<?php echo $phpVar ?>";
</script>

Even if it’s not ending in .php, such as in .html or .htm, you can configure your server to parse all .html or .htm files for any PHP code, though with a little extra server burden.

Another solution for this is to make your server parse all files ending in .js. Just create a .htaccess if it doesn’t exist in the directory in which you wish to include and run PHP code inside all .js files. Add these lines at the end of .htaccess:

AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js

<FilesMatch "\.(js|php)$">
SetHandler application/x-httpd-php
</FilesMatch>

Now you can add all the PHP code you can inside any JavaScript files with a .js extension, the server will automatically parse and run them when the client side requests the file.

By Yang Yang

Hello, I'm Yang. I build online businesses that please people. Want to join in and post some useful articles on Kavoir.com? Shoot me a message.

15 replies on “How to execute / run PHP code inside JavaScript files?”

You could also create a file with a .php extension that returns all the proper headers, and then alias it with mod_rewrite.

This is an alternative to configuring your server to parse .js files if you don’t have the ability to do this.

[…] 11. Chạy PHP trong Javascript   Khi code JavaScript, nó có thể rất hữu ích để có thể sử dụng PHP bên trong các tập tin js, ví dụ như để lấy dữ liệu từ cơ sở dữ liệu của bạn. Dưới đây là một đoạn để cho phép việc sử dụng PHP trong file js.   AddType application/x-httpd-php .js AddHandler x-httpd-php5 .js   <FilesMatch ".(js|php)$"> SetHandler application/x-httpd-php </FilesMatch>   Nguồn: https://www.kavoir.com/2010/07/how-to-execute-run-php-code-inside-javascript-files.html […]

I’ve got an easy way without disturbing the .htaccess file. Is is very easy, just see how this works…

//Here’s how to call a php file as javascript file

//And this is the code of some_file.php file

Comments are closed.