Q&A
>上記のようにコーディングするとLintで非推奨の警告が出てしまいます。
念のため、画面キャプチャや出た警告メッセージなどをそのまま提示してください。
いま行っている開発でJavaScriptからスパーリロードを実行する必要があり
様々なサイトに記載されているように以下のようにコーディングしました。
JavaScript
1location.reload(true)
上記のようにコーディングするとLintで非推奨の警告が出てしまいます。
Location.reloadメソッドの引数は非推奨になったようですが、問題は代替方法が記載されていないことです。
https://developer.mozilla.org/ja/docs/Web/API/Location/reload
自分で調べてみたのですが、代替方法が分からず困っています。
分かる方がいらっしゃいましたら教えてください。
あとは要件次第かと思います。システム側で勝手にスーパーリロードというのもあまり好ましくない場合もあります。
返信ありがとうございます。
警告が出ているスクショを追加しました。
確かに要件の問題もあるのですが、皆さんどうしているのかと思いまして。。。
そもそも勝手にスーパーリロードすべき要件がないのではないでしょうか。
キャッシュクリアの手段は1つではないでしょうし。クリアしたいキャッシュにもよります。
ありがとうございます。
この質問で聞きたいことはスーパーリロードの仕方です。。。
何をトリガーにリロードをかけているのでしょうか？
平文でreloadをかけると永久ループしますよね？
私が無知なのだと思うのですが、reloadは永久ループするのですか？
何をしたいかというと、SPAの更新です。
トリガーはSPAからAPIを実行するタイミングです。
これで質問の答えになっていますか？
実際のコードと「なぜスーパーリロードを自前でする必要があるのか」を具体的に記載されないとアドバイスは得られにくいかと思います。
SPAならリロードじゃなくて単に新しいデータを取りに行けばいいだけでは？
ボタン押したりスクロールしたりがトリガーになるんでしょうか？
外部のサイトを貼っていいか分からないのですが、以下のサイトで解説されている内容を実施したいです。
https://qiita.com/okkuyama/items/484fdd868b17d8c960a9
SPAで作成したアプリを更新したときにブラウザのリロードが必要なので質問しています。
そもそもJavaScriptでスーパーリロードを実行することが問題なので廃止されたということですか？
react利用してるならタグ貼ってください
具体的なソースもあると良いと思います
タグを貼るとはどういうことでしょうか？
> location.reload(true)
どこからこんな間違ったコードが出てきたのですか？
> どこからこんな間違ったコードが出てきたのですか？
2つ前くらい投稿したqiitaのサンプルです。
「location.reload(true)」を解説したサイトは多々ありますが
それらのサイト全てが間違っているということですか？
> タグを貼るとはどういうことでしょうか？
言い方が悪かったでしょうか？
質問に「タグ」が貼れることはご存知ですか？
タグ付けしてくださいという意図なのですが伝わりませんか？
理解できました。
ただ「location.reload」と「react」は関係ありますか？
ボタンをおしてリロードするような処理ならreloadは普通に動きますよね？
SPAの処理を前提としているならそれなりの情報が必要です
そもそもSPAがリロードしてたら問題だと思いますけど・・・
https://qiita.com/okkuyama/items/484fdd868b17d8c960a9
ですか
location.reload() に第一引数はありません。
https://momdo.github.io/html/history.html#the-location-interface
>それらのサイト全てが間違っているということですか？
基本的に二次情報は間違いを疑って下さい。
仕様書を読むのが難しいなら、せめてMDNを参照すべきかと思います。
https://developer.mozilla.org/ja/docs/Web/API/Location/reload
> ボタンをおしてリロードするような処理ならreloadは普通に動きますよね？
今回の質問はリロードされないことが問題ではないです。
(リロードはされます。)
SPAの修正を行ってもクライアントに反映されないので、強制的にリロードしてサーバから最新のjsを取ってくるのが目的です。
> 基本的に二次情報は間違いを疑って下さい。
> 仕様書を読むのが難しいなら、せめてMDNを参照すべきかと思います。
> https://developer.mozilla.org/ja/docs/Web/API/Location/reload
上記のサイトは質問にも記載しましたが、既に閲覧済みです。
現在は非推奨で今後使えなくなるのも理解しています。
質問はなぜ「location.reload(true) 」が使えないかではなく
JavaScriptでスパーリロードを実行する方法を知りたいです。
質問のタイトルが悪いですね。
申し訳ございません。
ちょっと概念的すぎて何を聞きたいのかわかりませんね
ソースは例示できないのですか？
部品を取りに行く際にキャッシュを無効化したいという話にも見えますし
独り相撲感しか読み取れないです
> ソースは例示できないのですか？
https://qiita.com/okkuyama/items/484fdd868b17d8c960a9
です。
https://www.sejuku.net/blog/25316
批判するわけではありませんが、
Samuraiに載ってる情報は怪しいので、一度疑った方がいいです。
（Qiitaもある程度）
解決してる中失礼しました。
ありがとうございます。
Samuraiは見てません。
以下のサイトとかも見て、割と一般的なのだと勘違いしていました。
https://www.hands-lab.com/tech/entry/5172.html
https://marmelab.com/blog/2016/08/29/auto-reload-spa-on-mobile-setinterval.html
スーパーリロードなしで更新できる方法を模索してみます。
実験してみましたが、全くスーパーリロードなんてされません。
出どころがどこかは、もっと調べないとわかりませんが、
完全にデマですね。
ただ、JSは、ブラウザ別で独自開発されていた時代がありますので、
もしかしたら、昔は、その方法でスーパーリロードをかけれたのかもしれません。
> 質問はなぜ「location.reload(true) 」が使えないかではなく
> JavaScriptでスパーリロードを実行する方法を知りたいです。
私が伝えたかったのは
- location.reload() とは何なのか
- 第一引数のtrueにどんな意味があるのか
というように、「一つ一つの機能を確認して下さい」という事です。
そうすれば、location.reload() に引数は指定出来ず、スーパーリロードと全く関係がない事が分かったはずです。
非推奨か否かよりも、一つ一つの機能に着目していない事に問題があるように感じます。
回答1件
0
ベストアンサー
location.reload()
この質問で聞きたいことはスーパーリロードの仕方です。。。
スーパーリロードは出来ませんし、スーパーリロードの代替手段はありません。
Re: masahiro.o さん
投稿2020/10/29 03:55
総合スコア18189
手段と目的が一致していないのでしょうが、スーパーリロードに拘っているようなので、この回答しか出てきませんでした。
ありがとうございます。
JavaScriptでスーパーリロードはできないという回答知りたかっただけでした。
JavaScriptからスーパーリロードを実行できないとなると、サーバからリソースを取り直して欲しい時はどうするのがスタンダードなのでしょうか？
別の質問を投稿したほうがいいですかね。。。
あなたの回答
tips
プレビュー
