Comment donner des variables JavaScript à partir de variables ASP.NET?

Question

J'ai créé une API SCORM pour notre système de gestion de l'apprentissage (LMS) et j'utilise pour le moment des variables codées en dur, userID et courseID (variables qui référencent des choses dans la base de données). Je dois passer le vrai userID et le coursID au lieu d'utiliser ceux codés en dur. Je sais que l'ID utilisateur est stocké dans la session et que l'ID courseID est transmis à partir de la page de lancement.

Comment les obtenir en JavaScript pour les inclure dans mes appels au fichier .ashx qui gère les appels SCORM?

Answer 1

Probablement meilleur plus facile de les exposer en tant que propriétés de votre page (ou page maître si utilisé sur chaque page) et de les référencer via des directives page. Ensuite, définissez les valeurs sur Page_Load (ou dans le PageLoad de la page maître).

public void Page_Load(object source, EventArgs e) 
    { 

     UserID = Session["userID"]; 
     CourseID = Session["courseID"]; 
     ... 
    } 

Answer 2

This article décrit la solution la plus pragmatique plusieurs solutions pragmatiques à votre problème.

Answer 3

Je ne suis pas sûr de fichiers SCORM ou .ashx (pas d'expérience là-bas) mais pour autant que les valeurs de ASP.NET obtenir vous pouvez faire toutes sortes de choses comme

var xyz = '<%= variable %>'; 

à partir de votre ASP. Page NET. Il y a plusieurs manières d'accomplir ceci mais le résultat final est que la page d'ASP.NET rend les valeurs de la variable dans le HTML (ou le Javascript) qui est envoyé au navigateur.

Ceci est une réponse générique ASP.NET et JavaScript, il peut y avoir une solution plus élégante pour vous.

Answer 4

Vous pouvez également utiliser les cookies HTTP. Cette approche est intéressante si vous devez également transmettre des valeurs dans l'autre direction.

Answer 5

Toutes les réponses ici qui suggèrent quelque chose comme

var userID = '<%= UserID %>'; 

sont tous absents quelque chose d'important si la variable que vous embedded peut contenir des données de chaînes arbitraires. Les données de chaîne incorporées doivent être échappées de sorte que si elles contiennent des barres obliques inverses, des guillemets ou des caractères non imprimables, elles n'entraînent pas d'erreur Javascript.

Rick Strahl a quelques suggestions pour le code d'échappement nécessaire here. En utilisant le code de Rick la variable intégrée ressemblera à ceci:

var userId = <%= EncodeJsString(UserID) %>; 

Notez qu'il n'y a pas de citations maintenant, le code de Rick enveloppe la chaîne échappée avec des guillemets.

Answer 6

Voici les étapes que vous devrez prendre:

Dans votre code behind:

private int _userId; 
private int _courseId; 
protected int CourseId 
{ 
    get { return _courseId;} 
    set { _courseId = value;} 
} 
protected int UserId 
{ 
get { return _userId;} 

set { _userId = value;} 
} 

Étape 2: fonction de vos besoins maintenant, vous devez configurer ces propriétés. Le problème est que ces propriétés doivent être définies avant d'être référencées à partir du JavaScript.Peut-être quelque chose comme ça en cas Page_Load:

_userId = Session["userId"]; 
_courseId = Request.QueryString["CourseId"] != null ? Request.QueryString["CourseId"] : String.empty; 

Bien sûr, vous pouvez les analyser à des types appropriés en fonction de vos besoins.

Enfin, vous pouvez les référencer en JavaScript comme suit:

var currentUserId = '<% = UserId %>'; 
var currentCouseId = '<% = CourseId %>'; 

Cela devrait certainement travailler. J'ai utilisé cette approche plusieurs fois.

Answer 7

Je suis en train de faire la même chose. Je ne fais que passer les valeurs dont j'ai besoin à l'initialisation et dans le constructeur de l'objet API. Je n'ai vu aucune exigence quant à la façon dont l'objet API peut être créé, juste comment il se trouve dans le code SCO.

Answer 8

@tvanfosson's answer C'est ce que j'ai fait normalement dans le passé, mais j'essayais juste de penser à quelque chose d'un peu plus élégant. Je pensais que je lancerais ça.

Vous pouvez configurer un Hashtable dans le codebehind et initialiser une JavaScriptSerializer:

Protected json As New System.Web.Script.Serialization.JavaScriptSerializer 
Protected jsvars As New Hashtable 

Ensuite, définir des variables comme ceci:

jsvars.Add("name", "value") 

Puis sérialiser les variables en JavaScript dans votre page:

<script type="text/javascript"> 
    var vars = <%=json.Serialize(jsvars)%>; 
    alert(vars.name); 
</script> 

Cela garantit que toutes les variables sont correctement e scaped et minimise également le code si vous avez besoin de travailler avec beaucoup de variables.

Answer 9

Dans Passing .NET Server-Side Data to JavaScript, je liste diverses approches, y compris:

1. Récupération des données par Faire une demande AJAX
2. Chargement de données à travers un JavaScript externe fichier
3. Ouverture d'une connexion persistante avec SignalR
4. Fixation Données vers des éléments HTML
5. Affectation directe de données à une variable JavaScript
6. Sérialisation d'un objet .NET dans un littéral JavaScript