■やりたいこと
フォームのない画面で、定期的に(例:1分ごと)画面をリフレッシュさせたいのですが、どのような方法がよいでしょうか?
Javascriptのreloadを使うと、明らかに画面を更新しているのが目視でわかるのではないでしょうか?
画面をみている人に、更新処理をしているということを感じさせない方法がよいです。
更新する画面
<html> <head> </head> <body> <div id="main"> <!-- デジタル時計のように一分毎に画面更新した日付+時間を表示 --> <div id="now">yy年m月d日 hh時㎜分に更新 </div> <div id="new-value"> (ここにDBから取得した最新の値を表示) </div> <div id="get-date"> (ここにサーバから取得した日付を表示 ただし当日日付ではなくサーバ側で計算した日付) </div> </div> </body> </html>
■サーバ側から返す値
json形式
data.new_value
data.get_date
■サーバ側にPOSTする値 なし
■試してみたこと
JS
1function doReloadNoCache() { 2 window.location.reload(true); 3} 4window.addEventListener('load', function () { 5 setTimeout(doReloadNoCache, 60000); 6 console.log("update"); 7});
その結果、一分ごとに、「・・・に接続しています」の表示がでます。
できればこの表示は避けたいです。
よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー