一定時間でデータを取得し、取得したデータが違っていたら別なページに遷移したい。

Question

前提・実現したいこと

setIntervalを用いて一定時間でajaxを働かせ、DBの最新のデータを受け取り、そのデータが変わっていたら別なページに遷移したい。

発生している問題・エラーメッセージ

データは受け取れているものの、ページが遷移しない。

該当のソースコード

  $(document).ready(function() {
    setInterval(function(){

      var result = null;

      $.ajax({
              url: 'sample/〇〇',
              type: 'GET',
              dataType: 'json',
              cache: false,
              processData: false,
          })
          .done(function(sample) {
              //初回アクセス時
             if(result == null) result = sample;

             //取得した値が違えばグループ選択の画面に遷移
             if(result != sample) window.location.href = "http://○○○";
             result = sample;
          })
          .fail(function(data) {
              console.log(data)
          });
    },3000);
  });

補足情報

Laravelを使用していて、formの値をControllerに渡し、DBに保存しています。
遷移するページのURLは実際のコードには指定しています。

Answer 1

関数を呼び出すたびにresultが初期化されてnullになってるので、下のif文には入らないようになってます。

Comments

[yassan511]

返信ありがとうございます。
var result = null;とif(result == null)を消去しましたが、ページは遷移しない状況です。
formで送信した際にページがロードされるのが悪いのでしょうか。

[zushi0905]

その二つを消すとresult変数が存在しないので、if文の判定にすら入らなくなります。resultの初期化部分を関数内に持っておくと毎回初期化されるから、関数外のグローバル変数に持ちましょうって事です。

あと、htmlが記載されていないので不明瞭ですが、formで送信した際にページがロードされるってのはまずい気がします。

[yassan511]

グローバル変数に持つようにしたら動作しました。
ありがとうございます。