Come posso fornire i dati delle variabili JavaScript dalle variabili ASP.NET?

Question

Ho creato un'API SCORM per il nostro LMS e in questo momento sto usando userID hard coded e variabili courseID (variabili che fanno riferimento a cose nel database). Ho bisogno di passare il vero userID e courseID invece di usare quelli con codice fisso. So che l'ID utente è memorizzato nella sessione e l'ID corso viene passato dalla pagina di avvio.

Come posso ottenere questi in JavaScript così li posso includere nelle mie chiamate al Ashx che gestisce le chiamate SCORM?

Answer 1

Probabilmente migliore è il modo più semplice per esporli come proprietà della pagina (o pagina principale se utilizzata su ogni pagina) e farli riferimento tramite le direttive della pagina.

<script type="text/javascript"> 
    var userID = '<%= UserID %>'; 
    var courseID = '<%= CourseID %>'; 

    .... more stuff.... 
</script> 

Poi impostare i valori su Page_Load (oppure nel Page_Load per la pagina master).

public void Page_Load(object source, EventArgs e) 
    { 

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

Answer 2

This article descrive la soluzione più pragmatica diverse soluzioni pragmatiche al problema.

Answer 3

Non sono sicuro sui file .ashx (nessuna esperienza) ci SCORM o ma fino ad ottenere i valori da ASP.NET si può fare ogni sorta di cose come

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

dall'interno ASP. Pagina NET. Esistono vari modi per eseguire ciò, ma il risultato finale è che la pagina ASP.NET restituisce i valori della variabile nell'HTML (o JavaScript) che viene inviato al browser.

Questa è una risposta ASP.NET generica e JavaScript, potrebbe esserci una soluzione più elegante là fuori per voi.

Answer 4

È possibile anche utilizzare i cookie HTTP. Questo approccio è piacevole se è necessario passare anche i valori nell'altra direzione.

Answer 5

Tutte le risposte qui che suggeriscono qualcosa come

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

sono tutti manca qualcosa di importante se la variabile che si sono integrati può contenere dati stringa arbitraria. I dati di stringa incorporati devono essere sottoposti a escape in modo che se contiene barre rovesciate, virgolette o caratteri non stampabili non causino errori di Javascript.

Rick Strahl ha alcuni suggerimenti per il codice necessario sfuggire here. Utilizzando il codice di Rick la variabile incorporato sarà simile a questa:

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

Nota che non ci sono citazioni ora, il codice di Rick avvolge la stringa di escape con le citazioni.

Answer 6

qui sono i passi che si dovranno prendere:

Nel codice dietro pagina:

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

set { _userId = value;} 
} 

Fase 2: in base vostro requisito ora si deve impostare tali proprietà. Il problema è che queste proprietà dovrebbero essere impostate prima di essere referenziate da JavaScript.Forse qualcosa di simile nel caso Page_Load:

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

Naturalmente si può analizzare loro di tipi appropriati in base alle proprie esigenze.

Infine, è possibile fare riferimento in JavaScript come segue:

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

Questo dovrebbe sicuramente lavorare. Ho usato questo approccio molte volte.

Answer 7

Sono in procinto di fare la stessa cosa. Sto solo passando i valori che potrei aver bisogno al momento dell'inizializzazione e tali nel costruttore dell'oggetto API. Non ho visto alcun requisito su come l'oggetto API possa essere creato, solo come si trova nel codice dello SCO.

Answer 8

@tvanfosson's answer è come ho fatto normalmente in passato, ma stavo solo cercando di pensare a qualcosa di un po 'più elegante. Ho pensato di buttarlo qui.

È possibile impostare un HashTable nel codebehind e anche inizializzare un JavaScriptSerializer:

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

Quindi impostare le variabili in questo modo:

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

Poi serializzare le variabili in JavaScript nella tua pagina:

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

Ciò garantisce che tutte le variabili siano corrette e scapato e minimizza anche il codice se hai bisogno di lavorare con un sacco di variabili.

Answer 9

In Passing .NET Server-Side Data to JavaScript, elenco diversi approcci, tra cui:

1. Prelevamento dati da Fare una richiesta Ajax
2. Caricamento dati tramite un JavaScript esterno file
3. Apertura di una connessione persistente con SignalR
4. Collegamento Dati sugli elementi HTML
5. Assegnazione di dati direttamente a una variabile JavaScript
6. Serializzazione di un oggetto .NET in un JavaScript letterale