ajax実行中に、一定間隔でDBの値を取得したい。

処理時間が長いajaxの実行中に、進捗状況を確認する処理を入れようとしています。

この処理がうまく行けば、プログレスバーを設置したいのですが、最後の数値しか取れない状況です。

具体的には、

//実際の処理を行うajax
$("#Btn").click(function(){
   //DBの値を取得する関数を一定間隔で実行
　　setInterval("statusUpdate()", 1000);
      $.ajax({
          url: "{{ url('/accept') }}/",
          type: 'get'
      }).done(function (response) {
    --- 略 ---

//DBの値を取得する関数
function statusUpdate() {
          console.log("実行中");
            $.ajax({
                url: "{{ url('/progress/get_status') }}/",
                type: "POST",
                dataType: 'text',
                data : {
                      user_id                 : "{{$user_id}}",
                      method_name             : "upload",
                    }
            }).success(function (response) {
              console.log(response);
              --- 略 ---

実行すると、console.logには、
1秒間隔に、"実行中"だけが表示され、
結局最終的にconsole.log(response);の結果が１回だけ表示されます。
目的としては、1秒間隔に、"実行中"の後に、console.log(response);の値も取得したいのです。

このような処理はそもそも無理なのでしょうか？

有識者の方、ご教授よろしくお願いいたします。

追記です。

実際の処理といっているajaxで行なっている「url: "{{ url('/accept') }}/",」では、時間がかかるphpのプログラムを実行しているのですが、内容としましては指定のファイルをチェックしたり、ファイルの項目で計算したりする処理です。最終的に、処理が終わったタイミングで、successというテキストをjavascript側に返しています。
この処理の中で、progressというテーブルに、進捗状況を「progress_no」という項目にアップデートしていきます。処理の最初が1で最後が100という形で、テーブルの「progress_no」の値を更新します。

そして、「url: "{{ url('/progress/get_status') }}/",」では、上記のprogressテーブルの「progress_no」の値を抽出し、javascript側に「progress_no」を返します。
現状では、最後の100しか取れていない状況です。

これで情報足りますでしょうか？

さらに追記です。update処理は、以下のようになっていまして、commitはしていません。
試しに、以下のプログラムの最後に、 DB::commit();を追加してみましたが、状況は変わりませんでした。

    public function updateProgressStatus($userID, $method_name, $statusCode)
    {
        DB::table('progress')
            ->where('user_id', '=', $userID)
            ->where('method_name', '=', $method_name)
            ->update(['progress_no' =>  $statusCode]);
    }

m.ts10806

2018/09/26 23:25

このコードだけでは全体が見えないですね…。「実際の処理」と「DBの値を取得する関数」はどのような関係性になっていますか？また、両者で実行されるサーバーサイドの処理は何をレスポンスとして返していますか？

mikan_s4n

2018/09/27 00:33

横入りで申し訳ないですが、念のために確認です。DB-progressテーブルへのUPDATE処理ですが、トランザクションはどのように処理されていますか？UPDATEごとにcommitならいいですが、最終的に一括コミットの場合はprogress_noは最終的な100しかとれないと思いますので。

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

回答1件

ベストアンサー

まず、PHPはリクエスト毎にプロセスが完全に区切られ、
Aアクセスの処理中の変数を、Bアクセスで覗き見るような事は出来ません。
これがネックで質問文を実現することは非常に困難です。

質問文を愚直に実現するならば、可能です。

PHPにはob_flashという文字列を見切り発車で細切れに送信し始める機能があります。
これを利用して、PHPは特定の処理が終わったタイミングで、CSVのような細切れかつ1行で完結するデータを次々と発射します。
JS側はそれを受け取りながらDOMツリーを操作し、プログレスバーの進捗を書き換える手法が考えられます。

jQueryのAjax関係はcompleteやdone等、HTTP通信が完了したら実行し始めるメソッドが用意されていますが、PHPのob_flushで書き出した文字列はHTTP通信を閉じずに通信しっぱなしの状態を維持します。

つまり、これらの関数はHTTP通信が閉じないのでプログレスバー用途としては全く役に立ちません。
一見詰んでるように見えますが、Ajax自体がそもそもJSのAPIとして用意してある(死ぬほど使い勝手が悪い)XMLHttpRequestをラッピングして使い勝手を良くしたものであり、

jQuery.ajaxを開くときにxhrFieldsを指定すれば根っこのXHRオブジェクトにアクセスできます。
そちら経由でob_flushで出力した細切れの文字列を拾う事が可能なようです。

詳細は色々と関連ページを貼りましたので見て下さい。

参考サイト

PHPのflush関係の機能
jQueryの$.ajaxで通信途中のresponseTextを取得する - あらびき日記
jquery.ajax - jQuery公式
XMLHttpRequest - MDN

でもまぁ、根本的に長時間が必要なAjax通信を飛ばしてはいけません。
ユーザーが「重いからブラウザ閉じよ」とか言い出すと途中で中断されますし、HTTPコネクションはそもそも何本も同時に繋ぐ事が出来ないからです。

どうすれば良いのかというと、
まず「重い処理行っておいてねよろしく」といった趣旨のしょぼいAjaxリクエストを飛ばし、
PHPは「重い処理お願い」の注文を受け取り、DBのtasksテーブル等を新しく作ってそこに放り込みます。

定期的に実行されるバッチ処理(cron等で巡回)し、tasksテーブルに保存してある情報を元に実行、重い処理を実行します。
更にtasksテーブルに登録されたレコードを逐一更新し、
PHP側のエンドポイントとしてtasksテーブルの現在の情報を返すように設計する。

JS側は処理行っておいてねよろしく通信を行った後、
定期的に今のtaskはどうなってるとAjaxで聞きに行きます。
その都度PHPはDB内のtasksテーブルから情報を取り出し返します。
これを元にプログレスバーを生成すればうまくいくことでしょう。

投稿2018/09/27 06:07

miyabi-sun

総合スコア21158

mizutama72

2018/09/27 07:36

回答ありがとうございます！そうでしたか・・・。やはり、無理なことをしていましたか・・・。勉強不足でした。教えていただいたサイトなどを参考にし、チェックの仕方を変更してみようと思います。ありがとうございました。

miyabi-sun

2018/09/27 08:43

社内の管理システムのように確実に1〜2人しか使わない機能とわかっていれば PHPのflushを使った実装で十分回るので、別に良いんじゃね？と思います。もしWebという名の通り、社内でも不特定多数、全世界に公開してログインしたユーザが一斉にこの重い処理を実行するなら、私が挙げた代替案で考えてみてくださいね。

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