ユーザーがジャンル、日付範囲、その他の入力を入力できる単一ページの Web アプリケーションがあります。
今、私はこれらすべての入力を読み取り、サーバーに ajax ポスト要求を行います。サーバーはJava spring mvc上にあります。
すべて正常に動作します。今、私はバック機能を作成したいと考えています。
そのため、ユーザーが 4 番目または 5 番目の前の検索に戻りたい場合は、いくつかの検索を行った後、それができるはずです。
history.back(-1) を見ましたが、ここには適していません。ajax 呼び出しは URL を変更しないためです。私の URL は常に localhost:8080/MyImdb です
ajax 呼び出しは次のようになります。
xhr = $.ajax({
type: 'POST',
async: true,
dataType: 'json',
url: location.href + 'getResults',
data: ({date:dateRange, genre:genre, cast:cast }),
success:function(json) {
processData(json);
},
error: function(jqXHR, textStatus, errorThrown){
var error = "jqXHR: " + jqXHR + "; ; ; ; status: " + textStatus + "; ; ; ; errorThrown: " + errorThrown;
console.log(error);
}
}).done(function() {
hideLoadingIndicator();
});
私が持っている1つのアイデアは、すべての投稿データをオブジェクトに入れることです。それらのオブジェクトをスタックに保存します。次に、戻るボタンを作成します。ユーザーがクリックすると、スタックからオブジェクトがポップされ、ポップされたオブジェクトで ajax ポスト リクエストが作成され、フロント エンドの入力ボックスが並行して更新されます。
これは標準的な方法ですか、それともこれを行うために構築されたライブラリがありますか。
jquery history plugin と hashchange イベントを調べましたが、URL が常に同じであるため、上記のケースに適合するとは思いません。
このケースに遭遇した人はいますか?