À l'aide de scripts dans une page principale avec ASP.NET MVC

Je suis assez nouveau à l'ASP.NET MVC, et je vais avoir un peu de mal avec les scripts... en particulier, je veux utiliser jQuery dans la plupart des pages, il est donc logique de le mettre dans la page maître. Cependant, si je fais (à partir de mon ~/Views/Shared/Site.Master):

<script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>

Alors que c'est littéralement ce qui se passe vers le client - qui bien sûr ne fonctionne que si notre itinéraire actuel arrive à avoir le bon nombre de niveaux. En commençant par ~/Scripts/... ne fonctionne pas. En commençant par /Scripts/... ne fonctionne que si le projet était à la racine du site (dont je ne veux pas assumer).

J'ai une approche de travail (je vais poster ci-dessous) - mais: suis-je raté quelque chose?

Je préfère ne pas avoir à impliquer un script manager, qui semble à la défaite de la simplicité de l'ASP.NET modèle MVC... ou suis-je trop se préoccuper?

Voici la façon dont je peux obtenir ce travail, qui fonctionne aussi pour les non-trivial virtuals - mais il semble compliqué:

<script src="<%=Url.Content("~/Scripts/jquery-1.2.6.js")%>" type="text/javascript"></script>

L'ennuyeux chose à ce sujet, est que l'utilisation de la "~" préfixe fonctionne très bien pour l'attribut href de <lien> les éléments, mais pas pour la 'src' attribut de <script> éléments
Ce qui vous fait dire que cela ne fonctionne pas dans l'attribut src d'une balise de script?

InformationsquelleAutor Marc Gravell | 2008-12-07

45

J'ai un AppHelper classe avec quelques méthodes pour ajouter des références de script:
```
public static string ReferenceScript(string scriptFile)
{
    var filePath = VirtualPathUtility.ToAbsolute("~/Scripts/" + scriptFile);
    return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>";
}
```
dans votre page principale, vous pouvez utiliser:
```
<%= AppHelper.ReferenceScript("jquery-1.2.6.js") %>
```
- J'aime cela; pour le commun des API, j'ai maintenant fait quelque chose de similaire à l'aide d'une méthode d'extension sur HtmlHelper, mais +1
- Ouais, j'aime vraiment les méthodes d'extension, mais j'ai créé beaucoup de méthodes pour le référencement des images, css et des fichiers swf. Ne pas surcharger classe HtmlHelper y créé AppHelper et ajouter de l'espace de noms pour le web.config
- L'utilisation de HtmlHelper était juste pour la ressemblance à beaucoup d'autres MVC code
InformationsquelleAutor Eduardo Campañó
36

Je pense que le plus simple est d'utiliser le suivent, et il travaille en vue d'.
```
<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/myscript.js") %>">

</script>
```
- Pourquoi s'embêter avec toute autre méthode? C'est le plus simple et le meilleur.
- Je suis dans un agile environnement de production. Devise: si cela fonctionne, assez bon. Si il diminue la quantité de travail que je dois faire mieux. Si c'est un 2 en 1, pour son grand. ce qui est excellent.
InformationsquelleAutor superlogical
20

Sur la base des autres réponses, peut-être une méthode d'extension sur le code Html (ce qui est très courant pour MVC), similaire à Eduardo de réponse:
```
 <%=Html.Script("~/Scripts/jquery-1.2.6.js")%>
```
Avec:
```
public static string Script(this HtmlHelper html, string path)
{
    var filePath = VirtualPathUtility.ToAbsolute(path);
    return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>";
}
```
- Je préfère ne pas avoir le chemin d'accès pour les scripts dans le point de vue donc, si j'ai les déplacer vers un autre domaine ou sous-domaine (ou peut-être un CDN) je ne touche pas tous les afficher
- Juste un commentaire - mais dans ce cas, c'est une seule page principale
InformationsquelleAutor Marc Gravell
10

Pourquoi ne pas simplement le point de votre page maître à Google js d'hébergement de fichiers? Alors, même quand il s'agit de déploiement (en supposant que votre site est Net de face), vous pouvez l'abus éventuellement pré-en cache de fichiers jquery?
- Ce qui suppose l'accès au réseau de Google, ce qui n'est pas toujours le cas... l'idéal serait de travailler avec un local de serveur web
- Bonne approche pour .com les sites, mais pas nécessairement bon pour l'intranet de style apps
- Tout à fait d'accord. C'est purement un avis dans le cas où 🙂
InformationsquelleAutor OJ.

J'ai fait partie de ce que JO mentionne, j'ai créé un GoogleHelper classe avec cette méthodes

public static string ReferenceGoogleAPI()
{
    var appSettings = new AppSettingsReader();
    string apiKey = appSettings.GetValue("GoogleApiKey", typeof(string)).ToString();
    return ReferenceGoogleAPI(apiKey);
}

public static string ReferenceGoogleAPI(string key)
{
    return "<script type=\"text/javascript\" src=\"http://www.google.com/jsapi?key=" + key + "\"></script>";
}

public static string ReferenceGoogleLibrary(string name, string version)
{
    return "<script type=\"text/javascript\">google.load(\"" + name + "\", \"" + version + "\");</script>";
}

Maintenant, je suis en ajoutant plus de méthodes pour obtenir certains ClientLocation de données 😉

InformationsquelleAutor Eduardo Campañó

1

Au travail que nous faisons quelque chose comme ceci à partir du code ASP derrière:
```
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  Const jQuery As String = "jQuery"

  With Me.Page.ClientScript
    If Not .IsClientScriptIncludeRegistered(jQuery) Then
      .RegisterClientScriptInclude(jQuery, VirtualPathUtility.ToAbsolute("~/Includes/jQuery-1.2.6.js"))
    End If
  End With
End Sub
```
Je ne sais pas si c'est possible de le faire avec ASP.NET MVC.
- Non, il n'est pas. MVC ne pas utiliser la même approche. Vous pourriez probablement faire quelque chose de similaire dans la vue, mais il n'y aurait pas beaucoup d'effet. En passant, j'ai ajouté des notes sur la GetHashCode question que vous avez posée tout à l'heure.
InformationsquelleAutor Leandro López
1

ResolveUrl est la solution la plus élégante de l'OMI. Si c'est une véritable honte de l'url de CSS sont résolus par runat=server et pas le script.

InformationsquelleAutor Peder Skou
1

Vous devriez jeter un oeil à l'aide d'un utilitaire comme l'écraser. Il peut agréger et de dissimuler tous vos css et js fichiers pour vous. Ou vous pouvez l'utiliser pour générer des balises de script, si vous venez de le garder en debug plus en utilisant ForceDebug()

http://www.codethinked.com/squishit-the-friendly-aspnet-javascript-and-css-squisher

InformationsquelleAutor lamchakchan
1

Je viens d'utiliser une barre oblique(/).
Par Exemple:
```
<script src="/Script/jquery-1.4.1.js"></script>
```
lorsque l' "jquery-1.4.1.js" le fichier est dans le répertoire du Script de la racine.
Et il fonctionne parfaitement.

InformationsquelleAutor Raisul Asad
0

Nos applications sont déployées à l'aide de répertoires virtuels, et nous avons eu des problèmes avec d'autres réponses mentionnées ici (ne pas résoudre correctement le chemin d'accès). Une façon de faire qui a bien fonctionné (pas de la seule façon, vous l'esprit), a été d'utiliser cette:
```
<script src="<%=Request.ApplicationPath%>/Web/AppName/JavaScript/jquery-1.4.1.js"></script>
```
- Sonne comme il le besoin d'être enveloppé dans une Url helper extension. De cette façon, vous pourriez utiliser l'Url.Contenu ou de votre version basée sur certaines config ou un paramètre, peut-être...
InformationsquelleAutor Russell
0

Vous pouvez essayer d'Url.Contenu de la méthode d'extension avec la syntaxe Razor
```
<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
```
InformationsquelleAutor Alex Pryiomka

Vous devez vous connecter pour publier un commentaire.