0

ユーザーがジャンル、日付範囲、その他の入力を入力できる単一ページの 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 が常に同じであるため、上記のケースに適合するとは思いません。

このケースに遭遇した人はいますか?

4

1 に答える 1