Include PHP inside JavaScript js files

Question

I have a JavaScript file  extension  js  not  html  containing several JavaScript functions   I want to call one of the PHP functions in a PHP file containing only several PHP functions from within one of the JavaScript functions    Is that possible  Would I need to  include  the  php file containing the PHP function in the  js file  How would I do that   For example  say I had a file called myLib php containing a function called myFunc that takes two parameters  param1 and param2   Then I have a  js file containing a function called myJsFunc   How would a call the myFunc  PHP  from within the myJsFunc  JavaScript function    Wouldn t I need to include the PHP file somehow in the  js file

User · Answer

AddType application x-httpd-php  js  AddHandler x-httpd-php5  js   lt FilesMatch     js php    gt  SetHandler application x-httpd-php  lt  FilesMatch gt    Add the above code in  htaccess file and run php inside js files  DANGER  This will allow the client to potentially see the contents of your PHP files  Do not use this approach if your PHP contains any sensitive information  which it typically does    If you MUST use PHP to generate your JavaScript files  then please use pure PHP to generate the entire JS file   You can do this by using a normal  PHP file in exactly the same way you would normally output html  the difference is setting the correct header using PHP s header function  so that the correct mime type is returned to the browser   The mime type for JS is typically  application javascript

User · Answer

You can t include server side PHP in your client side javascript  you will have to port it over to javascript  If you wish  you can use php js  which ports all PHP functions over to javascript  You can also create a new php file that returns the results of calling your PHP function  and then call that file using AJAX to get the results

User · Answer

You can make a double resolution of file   filename php js  in this way  PHP generates JS in this file  I got all parameters from DB  This worked for me on xampp

User · Answer

There is not any safe way to include php file into js   One thing you can do as define your php file data as javascript global variable in php file  for example i have three variable which i want to use as js    abc php   lt  php  abc    Abc    number   052   mydata   array  val1   val2   val3      gt   lt script type  text javascript  gt  var abc     lt  php echo  abc  gt    var number     lt  php echo  number   gt    var mydata    lt  php echo json encode  mydata     gt    lt  script gt    After use it directly in your js file wherever you want to use   abc js   function test       alert  Print php variable      abc       number       function printArrVar      alert  print php array variable      JSON stringify mydata         Beside If you have any critical data which you don t want to show publicly then you can encrypt data with js  and also get original value of it s from js so no one can get it s original value  if they show into publicly   this is the standard way you can call php script data into js file without including js into php code or php script into js

User · Answer

7 years later update  This is terrible advice  Please don t do this   If you just need to pass variables from PHP to the javascript  you can have a  tag in the php html file using the javascript to begin with    lt script type  text javascript  gt      phpVars   new Array         lt  php foreach  vars as  var            echo  phpVars push       var                       gt   lt  script gt   lt script type  text javascript  src  yourScriptThatUsesPHPVars js  gt  lt  script gt    If you re trying to call functions  then you can do this like this   lt script type  text javascript  src  YourFunctions js  gt  lt  script gt   lt script type  text javascript  gt      functionOne  lt  php echo implode        arrayWithVars     gt        functionTwo  lt  php echo  moreVars    gt    lt  php echo  evenMoreVars    gt     lt  script gt

User · Answer

Because the Javascript executes in the browser  on the client side  and PHP on the server side  what you need is AJAX - in essence  your script makes an HTTP request to a PHP script  passing any required parameters  The script calls your function  and outputs the result  which ultimately gets picked up by the Ajax call  Generally  you don t do this synchronously  waiting for the result  - the  A  in AJAX stands for asynchronous

User · Answer

PHP and JS are not compatible  you may not simply include a PHP function in JS  What you probably want to do is to issue an AJAX Request from JavaScript and send a JSON response using PHP

User · Answer

Actually the best way to accomplish this is to write the javascript in a  php and use jquery in a separate file to use the Jquery get script file or jquery load use php include function in the doc where the javascript will live   Essentially this is how it will look   Dynamic Javascript File in a  php file extension - Contains a mixture of php variables pre processed by the server and the javascript that needs these variables in scripts   Static Js File - Using http   api jquery com jquery getscript  or http   api jquery com load    In the main html page call the static file as a regular js file   Calling the static js file will force load the dynamic data from the server   some file php 1    lt  php  somevar    Some Dynamic Data     gt      input   val  lt  php echo  somevar  gt      or simply echo the script such as  echo     input   val    somevar         File 2 somejsfile js       result   load   file php       File 3 myhtml html    lt script src  somejsfile js  gt  lt  script gt    I believe this answer the question for many people looking to mix php and javascript   It would be nice to have that data process in the background then have the user have delays waiting for data   You could also bypass the second file and simply use php s include on the main html page  you would just have your javascript exposed on the main page   For performance that is up to you and how you want to handle all of that

User · Answer

A slightly modified version based on Blorgbeard one  for easily referenceable associative php arrays to javascript object literals   PHP File    php   First define an array with the values to be used into javascript files      lt  php  phpToJsVars        value1    gt   foo1      value2    gt   foo2           gt    Now write the php array values into a javascript object literal    lt script type  text javascript  gt  var phpVars       lt  php    foreach   phpToJsVars as  key   gt   value        echo         key                 value            n           gt      lt  script gt    Javascript file    js   Now we can access the javscript object literal from any other  js file with the notation    phpVars  value1   phpVars  value2

User · Answer

Instead of messing with generic php-handlers do a 1-file exception using a rewrite  Rename the  js-file to  php and rewrite the request to make it responde to a  js request  If the file is served by apache  add in  htaccess  RewriteEngine on RewriteRule myjsfile  js myjsfile php  L   Secondly make the  php-file pretend to be a js-file  Inside the php-file start the file with   lt  php header  Content-Type  application javascript      gt   Et voil    you can now use php-tags in your  quot  js quot -file

User · Answer

This is somewhat tricky since PHP gets evaluated server-side and javascript gets evaluated client side   I would call your PHP file using an AJAX call from inside javascript and then use JS to insert the returned HTML somewhere on your page

[php] Include PHP inside JavaScript (.js) files

Examples related to php

Examples related to javascript