MVC Ajax.BeginForm - Aktualizacja URL w przeglądarce po pomyślnym żądanie GET

Question

Mam formularz Ajax, coś takiego:

@using (Ajax.BeginForm("AjaxSerchResult", "Search", new { area = string.Empty }, new AjaxOptions() { HttpMethod = "Get", UpdateTargetId = "Results", LoadingElementId = "Loading" }, new { id = "Search" }) 
{ 
//Fields go here 
} 

Pytanie brzmi: jak zaktualizować przeglądarkę URL z params wyślę wykorzystaniem AJAX?

Answer 1

jeśli chcesz używać Ajax.BeginForm(), należy użyć "onSuccess" atrybut i benalman's plugin, jak bez javascript nie będzie mógł zmienić adresu URL

demo of url changing (jQuery 1.9 wymagane)

@using(Ajax.BeginForm(
     "AjaxSerchResult", 
     "Search", 
     new { area = string.Empty }, 
     new AjaxOptions(){ 
         HttpMethod = "Get", 
         UpdateTargetId = "Results", 
         LoadingElementId = "Loading", 
         OnSuccess = "changeUrl(data)" 
         }, 
     new { id = "Search" })) 
     { 
      //Fields go here 
     } 

i JavaScript :

<script> 
    function changeUrl(data) { 
     //if you are using benalman's plugin with jQuery 1.9 
     location.hash = "#my_hash"; 
    } 
    </script> 

Uwaga: ale ze względu na USI ng $.browser (który został już usunięty z jQuery 1.9) w wtyczki benalman jest, polecam użyć window.location.hash = "#my_url"; lub window.location.replace("#my_url"); zamiast location.hash = "#my_url";