JavaScript変数の値をPHPに渡して取得する方法をわかりやすく解説

JavaScript変数をPHPで扱う基本の考え方

JavaScriptとPHPは実行されるタイミングが異なります。PHPはサーバーサイドで先に処理され、JavaScriptはその結果を受け取ったブラウザ（クライアントサイド）で後から動作します。そのため、JavaScriptの変数をPHPへ「直接」渡すことはできず、何らかの方法でサーバーへ値を送信する必要があります。

ただし、同じページ内でJavaScriptの変数の値を出力・表示するだけであれば、以下のように簡単に実現できます。

同じページ内でJavaScript変数の値を表示するサンプルコード

<script>
   var res = "success";
</script>

<?php
   echo "<script>document.writeln(res);</script>";
?>

このコードでは、まずJavaScript側で変数 res に文字列「success」を代入しています。続いてPHPの echo によって、その変数の値を画面に書き出す document.writeln(res) を含むscriptタグが出力されます。結果として、ブラウザ上には「success」と表示されます。

JavaScriptの値を本当にPHPに渡したい場合

表示だけでなく、PHP側でJavaScriptの値を加工・保存したい場合は、サーバーへのリクエストが必要です。主な方法は以下の通りです。

1. AJAX（fetch API）を使う方法

ページを再読み込みせずに値を送信できる、最も一般的な手法です。

fetch("receive.php", {
   method: "POST",
   headers: { "Content-Type": "application/x-www-form-urlencoded" },
   body: "value=" + encodeURIComponent(res)
});

受信側のPHP（receive.php）では次のように受け取ります。

<?php
   $value = $_POST["value"];
   echo $value; // "success" と表示される
?>

2. フォーム送信を使う方法

隠しフィールド（<input type="hidden">）にJavaScriptで値をセットし、フォームを送信することでもPHPへ渡せます。シンプルでブラウザ互換性も高い方法です。

3. CookieやURLパラメータを使う方法

JavaScriptでCookieに値を書き込めば、次回以降のリクエスト時にPHPから $_COOKIE で参照できます。また、URLにクエリ文字列として値を付けて遷移すれば、$_GET で受け取ることも可能です。

まとめ

同じページ内での表示なら echo と document.writeln を組み合わせれば簡単に実装できます。一方、PHP側で値を実際に利用したい場合は、AJAX・フォーム送信・Cookieなどの手段でサーバーへデータを送る必要があります。用途に応じて最適な方法を選びましょう。