webサイトにて画面（ページ）を開いたまま定期的にサーバーを確認し、データがあれば画面を更新したい。

質問失礼します。

現在タイトルの通り、webサイトにて定期的にサーバーを確認し、データがあれば画面を更新したいです。

【具体的にやりたい事】
ある画面を開きながら定期的にサーバーを確認し、確認結果が確認結果を基に表示画面の一部のHTMLにクラスを設定したいのですが、わからない部分があります。

今試みている方法はJQueryでタイマーをセットし、〇秒に1回ajax通信を行い、ajaxで指定したphpファイルでselect分を実行しています。
実行した結果をSESSIONに格納しています。
1回目はselectした値がSESSIONに格納されるのですが、DBの値を変えてもずっと1回目の値がSESSIONに格納させたままです。
色々調べて以下のソースまで作りましたが一向に解決しないため解決方法をお教えいただけますと幸いです。
現段階では一旦コンソールにSESSIOMの値を表示しています。ここがずっと1回目に格納した値が表示されます。

sample.php

session_set_cookie_params(3600);
session_name('test');
session_start();
<html>

中略

    var intervalId;
	setTimer(); 
	
	function setTimer(){
		intervalId = setInterval(teikiCheck, 3000);
	}
	
	function teikiCheck(){
		$.ajax({
			url : "./teiki.php",
			type : "POST",
			data : { },
		}).done(function(data){
			if(<?=$_SESSION['flug']?> == 18){
			   console.log('flugは' + <?=$_SESSION['flug']?>);
			}else{
				console.log('false');
			}
		}).fail(function(XMLHttpRequest6, textStatus, errorThrown){
			alert("ajax失敗");
		});
	}

teiki.php

$statement = $dbh->prepare("SELECT flug FROM teiki WHERE id = 1");
$statement -> execute();
$result = $statement -> fetch(PDO::FETCH_ASSOC);
$flug = $result['flug'];


session_set_cookie_params(1);
session_name('sample');
session_start();
unset($_SESSION['flug']);
$_SESSION['flug'] = $flug;

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

回答1件

ベストアンサー

回答

teiki.phpにアクセスし、値が変わったセッションの値をJavaScriptで使用するためには、
以下のような流れになります。

teiki.phpでJSON形式でレスポンスを返すようにする
JSONで正しくデータが返ってきた場合、$.ajax().done(data)のdataにそのJSONが格納されるので、JavaScriptでdataを使う（今回の場合だと、console.log()で確認してみる）

【PHP】Ajaxを使ってJSON形式で配列データを取得し、Webページ上に表示させる最低限の方法の解説が分かりやすいと思いますので、
一度上記ページのコードをそのまま動かしてみて、少しずつ変更を加えてみると理解しやすいかと思います。

補足

少し処理の順番を勘違いをされているように思います。

    function teikiCheck(){
        $.ajax({
            url : "./teiki.php",
            type : "POST",
            data : { },
        }).done(function(data){
            if(<?=$_SESSION['flug']?> == 18){
               console.log('flugは' + <?=$_SESSION['flug']?>);
            }else{
                console.log('false');
            }
        }).fail(function(XMLHttpRequest6, textStatus, errorThrown){
            alert("ajax失敗");
        });
    }

のJavaScriptのコードは、最初にアクセスした以降は変わりません。
<?=$_SESSION['flug']?>はあくまでsample.phpのコードであり、そのあとのAjax通信によって変わるものではありません。（開発者ツールで該当部分のHTMLソースを見ながら変更されないことを確認してみてください）

$_SESSIONの値はサーバサイド(PHP)側のみに存在するので、JavaScriptでその値を得るには、PHP側で出力してあげる必要があります。

投稿2021/08/29 12:49