Wie server-seitig verarbeitete Daten von Code-Behind zu Javascript in aspx Seite in asp.net mit C#

Question

hinzufügen Ich mache eine Web-Anwendung in asp.net. Ich brauche einen Seitenwende-Effekt, also habe ich turn.js verwendet (Ref: http://www.turnjs.com/). Jetzt muss ich einige Daten auf der Serverseite, d. H. Code-behind, verarbeiten und an die Client-Seite senden. Ich habe das Projekt von der oben genannten Website heruntergeladen (von: https://github.com/blasten/turn.js). Aber das Problem ist, dass ich nicht herausfinden kann, wie man die Daten vom code-behind zum Javascript in der .aspx Seite schickt, die wirklich dynamische Seiten lädt.

function addPage(page, book) { 
     // First check if the page is already in the book 
     if (!book.turn('hasPage', page)) { 
      // Create an element for this page 
      var element = $('<div />', {'class': 'page '+((page%2==0) ? 'odd' : 'even'), 'id': 'page-'+page}).html('<i class="loader"></i>'); 
      // If not then add the page 
      book.turn('addPage', element, page); 
      // Let's assum that the data is comming from the server and the request takes 1s. 
      setTimeout(function(){ 
        element.html('<div class="data">Data for page '+page+'</div>'); 
      }, 1000); 
     } 
    } 

Dies ist die javascript Funktion, die die dynamischen Seiten erstellt. Wie fügt man den Inhalt der Seite in der Zeile element.html('<div class="data">Data for page '+page+'</div>'); Bitte helfen Sie so schnell wie möglich bin ich fest stecken.

Answer 1

in Ihrer aspx Seite element.html ('<% = Pagedata%>')

in Ihrem Code erstellen hinter eine öffentliche Zeichenfolge namens Pagedata und dann in Ihrem Code (parhaps Seite Load-Ereignis) setzen die Zeichenfolge von Daten, die Sie wollen in pageData

Oder Sie können einen Web-Service oder nur eine einfache Aschx-Datei erstellen, um mit den erforderlichen Daten zu reagieren und Ajax verwenden, um die nächste Seite Daten zu erhalten.

Answer 2

Es gibt ein paar Möglichkeiten zu tun, was Sie fragen.

1. Fügen Sie eine asp: Literal-Steuerelement in Ihre JavaScript-Funktion. Legen Sie den Inhalt im Code dahinter fest.

   setTimeout(function(){ 
         element.html('<div class="data">Data for page '+<asp:Literal runat="server" Id="litPageData"></asp:Literal>+'</div>'); 
       }, 1000); 
   

2. ein verstecktes Feld hinzufügen, es in dem Code gesetzt hinter und den Wert in Ihrem Javascript zugreifen.

   <asp:Hidden runat="server" id="hidPageData"></asp:Hidden> 
   

   setTimeout(function(){ 
         element.html('<div class="data">Data for page '+$('#<%= hidPageData.ClientId%>').val() +'</div>'); 
       }, 1000); 
   

3. Symeon-Lösung, bereits gebucht (ich könnte für diese ein wenig aus über die Syntax sein).

Answer 3

In Ihrem Code-Behind zum Beispiel code.cs deklarieren eine Variable: - String strDummyValues ​​= "Dummy Wert";

in Ihrer ASPX Seite: - Verwenden <% = strDummyValues%> bedeutet

element.html ('Daten für Seite '+ <% = strDummyValues%> +'');

Grüße Ajay Singh Thakur