###前提・実現したいこと

PHP中に埋め込まれたjavaScriptからリダイレクトした場合にlocalStrageに値が保持されない理由を教えてほしい

PHPのソースコード中でcookieの代わりにlocalStorageを使いたいのですが、
localStorageはJSでないと使えないので、苦肉の策として
「PHPの処理にJSの処理をさらに埋め込み、localStorageに値をセットした上で別のPHPの処理にさらにリダイレクトをかける」
で、localStorageの値を保持できるのかなと思ってやってみました。

が、リダイレクト直前にはセットされていたはずの値が、別URLへリダイレクトした瞬間になくなってしまいます。

これって、何故なのでしょうか？

確か、IPやらドメインやら云々が絡んでいた気もするのですが、忘れてしまいました・・・。

プライベートIP（192.168.～）間でリダイレクトさせた際はうまいこと値がsetされていたのですが、何か関係あるのでしょうか。

###該当のソースコード

<?php

echo <<<EOM
   <script type="text/javascript">
      localStorage.setItem( 'key' , 'something_value' );
      var url = "http://PHPの処理?param=".localStorage.getItem( 'key' );
      location.href=url;
   </script>
EOM;

?>

上記の例でいうと、このようなカタチで localStorage.getItem( 'key' ) の値をPHPの処理まで持ってこれれば、Storageの値をPHPでも使えるのかなと思ったしだいです。（が、できませんでした。）

ちなみに、PHPの中にこのようにJSの処理を書かないといけない理由は、URLとしてリンクを踏んだ時に上記記載の一連の処理を行いたいからです。

よろしくお願いいたします。

m.ts10806

2017/08/24 23:53 編集

つまるところ「something_value」はPHPの方で生成される文字列　という理解でよろしいでしょうか？（固定値なのであればPHPでechoするメリットはないので）

bakaemon

2017/08/25 15:59

いえJSかPHPのどちらかということはまだ決めていないです。　固定値ではなくて、ランダムな値（ハッシュ値）をもたせようとおもっています。

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

回答1件

ベストアンサー

javascriptの文法上のミスがあります。

javascript
1var url = "http://PHPの処理?param=".localStorage.getItem( 'key' );
2
3↓
4
5var url = "http://PHPの処理?param="+localStorage.getItem( 'key' );
6

文字列連結は「+」ですね。
私もPHPをよくやっているのでよく混同して同じ間違いをしてしまいます。

そこを修正して実行したところ、きちんとkeyは渡されていました。
（修正前はそもそもjavascriptのエラーがあって処理が中断しています）
※ただしローカル環境で同じドメイン同士のやりとりなので成功したものの参考にはなるかというと微妙かもしれません

もしその部分を修正しても現象が改善されないのであれば、
ちょっとうろ覚えで申し訳ないのですが、確かlocalstorageの保存は非同期だという記述をどこかで見た覚えがあります。
つまり保存直後に利用する場合、実はまだlocalstorageには保存されていなくて、
参照しようにもnullであるケースもあるということです。
回避するために工夫が必要そうです。

localstorageに値が保存されている確認はブラウザの開発ツールでできますので、まずは保存されているかどうかの確認をしてください。
あとは上手くいくか分かりませんが、setItemは今のままでgetItemをwindow.onloadのタイミングにして、setとgetのタイミングをずらしてみてはいかがでしょうか？