Usa seprate js file e utilizzare Url Helpers in essa con ASP.NEt MVC 3 e Razor View Engine

Question

faccio una domanda simile here e Darin Dimitrov risposta che non possiamo usare URL aiutante come $.ajax({ url: '@Url.Action("Index")', . . . in un file js separato in modo qual è la vostra suggerimento di usare l'helper Url nella pagina di visualizzazione e passarlo a javascript, non voglio usare l'url del codice duro, ho bisogno di trovarlo con l'helper Url.?

Answer 1

Utilizzare un campo nascosto per memorizzare il vostro url, quindi usa javascript per leggere il campo nascosto, quindi usalo nel tuo codice. In questo modo puoi mantenere il file JS separato dalla vista. Qualcosa di simile a questo:

//In Your View 
    @Html.Hidden("MyURL", Url.Action("Index")) 

//In Your JS 
    var myUrl = $("#MyURL").val(); 

    $.ajax({ url: myUrl , . . . 

Answer 2

Il modo più semplice è solo per creare una variabile globale chiamata qualcosa e solo riferimento ad esso nella vostra JS esterno

var baseURL = '@Url.Action("Index")'; 

All'interno della vostra JS esterno

$.ajax({ url: baseURL + "Action" 

Answer 3

È possibile utilizzare RazorJS a tale scopo. Permette di scrivere Razor-Style C# o VB.NET all'interno dei file JavaScript. C'è una breve descrizione disponibile here.

Answer 4

Dai uno sguardo allo Generating External JavaScript Files Using Partial Razor Views. In questo post del blog, descrivo come è possibile utilizzare le normali viste Razor e un filtro azioni personalizzato per eseguire il rendering di file JavaScript esterni che possono contenere codice Razor.

Answer 5

Non è necessario disporre di campo nascosto, anche questo funziona nel file .js esterno.

var myUrl =/ControllerName/ActionName;

$.ajax({ url: myUrl , . . 

Answer 6

ho usato un approccio simile a raklos, ma stava cercando di ottenere il percorso della directory principale in tutti i luoghi, così sono andato con il codice qui sotto.

@Html.Hidden("AppUrl", Url.Content("~"))