ajax - ajaxフォームasp.net mvcを送信した後、アンカーに移動します

Question

mvc 3 ajax フォームを使用する検索機能があります。すべてがうまく機能します。ただし、フォームには選択するテキストボックスとオプションがいくつか含まれており、それが ajax フォームであるため、ユーザーは結果に気付かず、下にスクロールして結果を確認する必要があります。ajaxフォームにアンカーを追加するにはどうすればよいですか?検索ボタンをクリックした後、ユーザーは自動的にアンカーにリダイレクト(スクロールダウン)されますか? ありがとう

Answer 1

最初に、ajax フォームの post リクエストが成功したときにコールバックを追加する必要があります。

Ajax.BeginForm("Search", new AjaxOptions {OnSuccess = "navigateToSearchResult"})

ここで、navigateToSearchResult は JavaScript 関数です。この関数では、現在のページでアンカーを指定できます。

function navigateToSearchResult(result) {
    var elementId = getResultElementIdFromResult(result);
    //set hash to empty because browser doesn't scroll to element
    // if new and current hash are the same 
    window.location.hash = "";
    window.location.hash = "#" + elementId;
}