jqueryでリアルタイムで値を更新

Question

jQueryのpost通信で別ファイルで変更された値を表示する際に、一度リロードしないと変更された値が反映されません。
どうすればリロードなしで変更された値を表示できますか？

Comments

[Lhankor_Mhy]

「リロードなしで」というのは、たとえば、別ファイルが更新された時に、既にブラウザに表示済みのHTMLが、別ファイルの更新を検知して、リアルタイムにその内容を変更して欲しい、ということでしょうか？

[msssss]

記述不足で申し訳ございません。
希望動作はその通りです

Answer 1

なんとなくサーバ言語を使っていなさそうなので、webSocketなどを使うより、一番簡単なのはポーリング通信をすることではないかと思います。

JavaScript - Ajaxで一定間隔をあけてポーリングする方法｜teratail

Comments

[Lhankor_Mhy]

あ、例示した質問、ベストアンサーが間違ってるような気もします。（jQueryでawait使えるかな？）
yambejp さんの回答を参考にされるといいでしょう。

[x_x]

その質問は質問者のmosaさん自身がコメントしているように要件を満たしたものを選んでいると思います。
試してみましたがFirefoxなら動きます(Chromeはconsole.errorがなくて止まる)。

[Lhankor_Mhy]

あ、そうなんですね。
jQuery の deferred は独自実装ではなくて、promise 拡張なんですか。
そうすると、古いバージョンではもしかしたら動作しないかもですね。

[Lhankor_Mhy]

あ、いや、違うのかな？
await はただの単項演算子だから、オペランドについてもダックタイピング的に処理するのかな……？

[Lhankor_Mhy]

> x_x さん
調べてみたところ、jQuery3.0 later ではない場合、それなりに不具合があるそうですが、そこに気をつければ使えるようですね。少なくともポーリングをするレベルでは困らなさそう。
https://stackoverflow.com/questions/23744612/problems-inherent-to-jquery-deferred-jquery-1-x-2-x/23744774
https://developers.google.com/web/fundamentals/primers/promises#javascript_promise

ご指摘ありがとうございました。