względna URL wewnątrz $ AJAX z ASP.NET MVC 3

Question

wiem, można użyć tej funkcji

@Url.Action("MyInfo", "Home") 

uniknąć hardcoding adresów URL, ale moi $.ajax rozmowy są w osobnym pliku .js. Czy powyższe nadal działa?

Z mojej wiedzy, @Url.Action będzie działać tylko w pliku Razor. Ale biorąc pod uwagę, że radzimy używać niezaskakującego JS, nie jestem do końca pewny, jak będę używał @Url.Action.

Prosimy o radę.

Answer 1

Czy powyższe nadal działa?

nr

Z mojej wiedzy, @ Url.Action będzie działać jedynie wewnątrz pliku Razor

Twoja wiedza jest poprawna.

Ale biorąc pod uwagę, że zaleca się stosowanie bez przeszkadzającego JS, nie jestem pewny jak bym użyć @ Url.Action.

Można używać HTML5 data- * atrybuty jakiegoś elementu DOM, które są dyskretnie wzmacniającej (chyba, że ​​ten element jest już <form> lub kotwicą w tym przypadku już to zawiera adres URL):

<div id="foo" data-url="@Url.Action("foo")">Hello</div> 

, a następnie w oddzielnym pliku javascript:

$(function() { 
    $('#foo').click(function() { 
     var url = $(this).data('url'); 
     // TODO: do something with the url 
    }); 
}); 

Answer 2

Dodaj parametr funkcji dla ścieżek względnych. Na przykład w widoku:

<script type="text/javascript"> 
    var path = "@Url.Action("ActionName", "ControllerName")"; 

    someAjaxMethod(path) 
</script> 

oraz w zewnętrznym pliku JS:

function someAjaxMethod(path) 
{ 
    var data = {}; 
    $.ajax(path, data) 
}