javascripでphpの変数を受け取る方法

javascriptでphpの変数を扱いたいのですが、うまく取得できません。
状態としてはphpにてhtmlを呼び出して表示、そのhtml内のjavascript内でphpの変数を扱いたいという状態です。
phpの変数をjavascriptで扱う方法を調べて組んでみたのですが、受け取れませんでした。

php
1<?php
2	// トップページテンプレートHTMLファイルパス
3	$strTemplatePath = "./index.html";
4	$strHtml = file_get_contents($strTemplatePath);
5
6	$data = 1024;
7	$json_data = json_encode($data);
8
9	print $strHtml;
10?>

html
1<html lang="ja">
2<head>
3<meta charset="utf-8">
4<script type="text/javascript">
5window.onload = function() {
6	// var get = JSON.parse('<?php echo $json_data; ?>')　　/// 出力はUncaught SyntaxError: Unexpected token < in JSON at position
7	var get = <?php echo $data; ?>     /// 出力は <?php echo $data; ?>
8	console.log(get)
9}
10
11</script>

htmlとphpのファイルが別だからできないのでしょうか？
何か別のやり方があるのでしょうか？

行動規範の内容に同意します

回答2件

//template.html

HTML
1<html lang="ja">
2<head>
3<meta charset="utf-8">
4<script type="text/javascript">
5window.onload = function() {
6var get = %s;
7console.log(get)
8}
9</script>
10</head>
11</html>

//sample.php

PHP
1<?php
2$strTemplatePath = "template.html";
3$strHtml = file_get_contents($strTemplatePath);
4$data = 1024;
5$strHtml=sprintf($strHtml,$data);
6print $strHtml;

投稿2022/04/07 02:05

yambejp

総合スコア114779

ベストアンサー

file_get_contents()は引数に指定された先を文字列として取得するものなので、そのhtmlに何を書いていても全て文字列としか扱われません。
どのように動かしたいのか分からないですが、置換文字列をhtmlに置いておいて置換するか、変数を作った上でincludeしたほうが良いでしょう。
後者の場合、通常は.htmlではPHP動かないので.phpにする必要はあります。

もしくは、テンプレートエンジンを使う。（やり方としては前者に近い）

投稿2022/04/07 01:58