Asp.Net Mvc Url.L'Action dans le fichier js externe?

Dans le fichier js externe, je ne peux pas utiliser 

url = "@Url.Action("Action", "Controller")" 
//url output : @Url.Action("Action", "Controller")
//I get IllegalPath Name error.

Quand j'écris comme ceci:

url = "/Controller/Action"

Et Si le projet est dans un sous dossier, les scripts ne fonctionnent pas. J'ai besoin de quelque chose comme cela comme une Url relative:

url = "~/Controller/Action"

Comment puis-je faire cela? Merci.

  • Que diriez - url = '~' + "@Url.Action("Action", "Controller")"
  • @Url.Action("Action", "Controller") de sortie est @Url.Action("Action", "Controller") alors votre suggestion de sortie est [email protected]("Action", "Controller") j'ai besoin de Site/subFolder/controller/Action
InformationsquelleAutor AliRıza Adıyahşi | 2012-11-30
  1. 140

    Comme .js fichiers ne sont pas analysés par asp.net mvc moteur d'affichage, vous simplement ne peut pas utiliser de code c# dans il. Je conseille discrète approche, quelque chose comme cela

    <div id="loader" data-request-url="@Url.Action("Action", "Controller")"></div>

    Et en javascript, l'utilisation de la valeur de data-request-url

    $(function(){
   $('#loader').click(function(){
       var url = $(this).data('request-url');
       alert(url);
   });
});
    • C'est une excellente idée!
    • Très élégante solution. Merci!!!!
    • Tip top - Merci. Prend tout son sens après le fait. Le temps à la ferme beaucoup de JQUery pour des scripts externes. Merci encore!
    • Thumbs up à partir de 2019!
    InformationsquelleAutor archil
  2. 7

    Je ne suis pas sûr si c'est la solution la plus élégante, mais ce que j'ai fait a été de différenciation entre les registres et la mise en œuvre réelle dans les scripts externes, de sorte que:

    <script>...</script>
... include all the external scripts I need

$(document).ready(function(){

    //get all the information you need from your MVC context 
    //before going out of context and into the scripts
    var url = '@Url.Action("Action", "Controller")'; 


     RegisterMyFunction(url, other parameters ..);
     RegisterAnotherFunction(url, others...);
}

    De sorte que, dans mon point de vue je n'ai eu que les fonctions de registre et les scripts contenus les valeurs spéciales en tant que paramètre de faire ce que je voulais.

    Espérons que cela aide,

    • Je voudrais faire l'entourant de guillemets les guillemets simples ', de sorte qu'ils visuellement différents à partir des citations de la Url.Action Méthode. De toute façon, quelque chose comme ce sera le chemin à parcourir (+1)
    • merci copain, vous avez raison, j'ai corrigé le code pour une meilleure lisibilité.
    InformationsquelleAutor Jorge Alvarado
  3. 2

    Voici le modèle que j'ai utilisé. C'est un peu plus d'étapes, mais j'aime que mes urls sont dans un organisé emplacement dans la Vue.

    Au fond de mon point de Vue, je vais inclure les Scripts de la Section qui contient les url comme ceci:

    @section Scripts
{
    <script type="text/javascript">
        myJavaScriptObject.firstUrl = '@Url.Action("Action1", "Controller", new {id = Model.Id})';
        myJavaScriptObject.secondUrl = '@Url.Action("Action2", "Controller", new {id = Model.Id})';
    </script>
}

    À l'intérieur de ma Classe JavaScript (qui est dans un fichier externe) j'ai fait référence à l'url comme ceci:

    var myJavaScriptObject = {
    firstUrl: '',
    secondUrl: '',
    docReady: function() {
        $.get(myJavaScriptObject.firstUrl, function(data) { do something...  });
    }
}

    Je me rends compte que les entrées n'ont pas besoin d'être référencés à l'intérieur de la Classe, mais j'aime en avoir pour mon propre ménage.

    InformationsquelleAutor Airn5475
  4. 0

    Accepté de répondre décrit, vous ne pouvez pas utiliser de code C# dans le fichier JS externe. Voici ce que j'ai l'habitude de le faire si j'ai besoin de passer quelques contrôleur de liens vers mon externe .fichier js.

    En C# (.cshtml)

    <script src="~/js/myfile.js"></script>

<script type="text/javascript">

    var url1 =  "@Url.Action("ActionName", "ControllerName", new { Param = ViewBag.Param })";  
    var url2 = "@Url.Action("AnotherAction", "AnotherController")";

    $(function() {
        window.initScript(url1, url2);
    });

</script>

    Dans myfile.js

    var _url1;
var _url2;

function initScript(url1, url2) {
    _url1 = url1;
    _url2 = url2;

   //other init. codes...

}
    InformationsquelleAutor Muhammad Saqib