How to include in .php a .html with links to a .js that has php codes

Question

I have a folder that basically contains:

.php
.html
.js
.css

Inside php i need to load .html to display the webpage of course. inside the html there is a script tag that refers to the .js file.

Now inside the JS file i have a php code that is needed to run there. But using my methods of loading the html the .js throws an error

PHP

<?php
  $value = 1;
  //$html = file_get_html('index.html')
  //include ("index.html")
  readfile('index.html');
?>

HTML

<html>
  <head>
    <script src="script.js"></script>
  </head>
  <body>
  </body>
</html>

Javascript

var myNum = <?php echo json_encode($value); ?>;

Unfortunately the way i have included the html thows an error in the .js file

Uncaught SyntaxError: Unexpected token '<'

What am i doing wrong? Are there any other way to include so that i will be able to write php code in my .js file. Unfortunatly im not allowed to change the file extention there can only be one php file. I separated the javascript and css file to make the code a bit cleaner

EDIT: A lot may seem to be misunderstanding, This is still hapening in the server, basically what i want is that the webpage recieved by the user already has the value for MyNum. I am initializing the variable before it even gets to the user

If you want the PHP code to be processed, you'll need to give the file a .php extension, or change the server configuration. You could output a bit of html in your PHP code that creates a placeholder div with the value in it, and then have your JS read it from there. — droopsnoot
– droopsnoot, Commented Apr 28, 2020 at 19:16
In your PHP file, create a global variable containing your JSON in a <script> tag, and reference that variable in your script file. — chriskirknielsen
– chriskirknielsen, Commented Apr 28, 2020 at 19:17
@Teemu wait okay just making sure we are not misunderstanding here, This is happening still in server side okay, not yet passed to the user — DrakeJest
– DrakeJest, Commented Apr 28, 2020 at 19:24

chriskirknielsen · Accepted Answer · 2020-04-28 20:23:55Z

3

In your PHP file, create a global variable containing your JSON in a tag:

<script>var myNum = <?php echo json_encode($value); ?>;</script>

and then reference that variable in your script file with myNum.

answered Apr 28, 2020 at 20:23

chriskirknielsen

2,9792 gold badges17 silver badges25 bronze badges

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

Comments

Zoldszemesostoros · Accepted Answer · 2020-04-28 19:19:26Z

0

PHP code runs on the server, the client (the browser in this case) will get only the output of the PHP. In fact, browsers can't execute PHP code.
JavaScript runs in the client. The browser gets the JavaScript code, and executes it. The only thing you can do if you really want to produce JS code from PHP is to give a .php ending for the js file (test.js -> test.js.php).
With this, the file will interpreted as PHP. The browser gets the result (javascript, that contains the encoded JSON), and everything works well. If you want to pass $value from the first PHP to test.js.php, read about GET variables.

answered Apr 28, 2020 at 19:19

Zoldszemesostoros

3971 gold badge3 silver badges16 bronze badges

2 Comments

Teemu Over a year ago

Doesn't PHP treat that JS like HTML, < and many more special characters are replaced with HTMLEntities, and the entire script is wrapped within <html> tags ..?

DrakeJest Over a year ago

What i want is actually to initialize the javascript variable before even getting it to the user

Collectives™ on Stack Overflow

How to include in .php a .html with links to a .js that has php codes

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related