1

製品、ページネーション、および Ajax を使用したいくつかのフィルターをリストする製品リスト ページがあります。

これで問題ありませんが、ユーザーが製品をクリックしてから戻るボタンを使用して製品リスト ページに戻ると、Ajax コンテンツが正しく読み込まれないことがわかりました。ページを更新すると問題ありません。

製品ページに動的な戻るボタンを既に追加しており、戻って適切に読み込まれますが、ユーザーが戻るボタンを押したときにキャプチャする必要があります。

私は次のことを試しました:

  • ブラウザが戻ったときにページが更新されるように、キャッシュ コントロールを再検証する必要があります。
  • ユーザーが製品ページに戻ってクリックするイベントをキャッチし、戻るボタンで使用されるリンクを使用してリダイレクトします。

残念ながら、これらのどれも私にとってはうまくいかなかったので、誰かアイデアがあるかどうか疑問に思っていました.

4

1 に答える 1

0

これは私の解決策であり、ブラウザの戻るボタンがクリックされたときにブラウザにページを強制的に更新させるためのものです。

//disable ajax cache it solves that the Ajax content doesn't load properly when back button is clicked
$.ajaxSetup({ cache: false });
//force reload page on back browser button
window.onpopstate = function(event) {
    if(event && event.state) {
        location.reload()
    }
}
于 2014-04-30T21:40:09.400 に答える