こんにちはフロントエンドエンジニアのまさにょんです!
今回は、JavaScriptからCookie経由で、PHPにデータを渡す方法について解説していきます。
Cookieを使って、JavaScriptからPHPにデータを渡す
Cookieを使って、JavaScriptからPHPにデータを渡す SampleCodeは、次のとおりです。
まずは、JavaScript から PHP にデータを渡すために、 Cookie に渡したいデータをSetしています。
その次に PHP で Cookie にアクセスして、Cookieから取得しています。
<script>
const LoginCheck = true;
// JavaScript から PHP にデータを渡すために、 Cookie に渡したいデータをSetする
document.cookie = `IsLogin=${LoginCheck}`;
</script>
<h1>JavaScriptからPHPにデータを渡す方法 Ver. Cookie</h1>
<?php
// PHP で CookieからSetしたデータを取得する
$login_check = $_COOKIE["IsLogin"];
$is_login = false;
if ( $login_check == 'true') $is_login = true;
?>
<?php if ($is_login) {
echo "<h2>Loin済みUserです</h2>";
} else {
echo "<h2>No-Loin-Userです</h2>";
}
?>
まとめ
FrontEnd (Client Side)の JavaScript と BackEnd (Server Side)の PHP でのデータのやり取りをする際は、
通常ではfetch-APIなどのプログラム同士が通信するためのインターフェースを使用する必要がありますが、
Cookieという FrontEnd と BackEnd の両面で使われるものを経由することで、データのやり取りをすることもできるわけです。
関連記事
以前には、fetch-APIを使って、JavaScriptからPHPにデータを渡す方法についても解説しました。
Twitterやってます!Follow Me!
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!