C＃を使用してasp.netの.aspxページのコードビハインドからjavascriptにサーバーサイドで処理されたデータを追加する方法＃

Question

asp.netでWebアプリケーションを作成しています。ページめくり効果が必要なので、turn.js（ref：http://www.turnjs.com/）を使用しました。今私はサーバーサイド、つまりコードビハインドでいくつかのデータを処理してクライアント側に送る必要があります。私は上のWebサイトからプロジェクトをダウンロードしました（from：https://github.com/blasten/turn.js）。しかし、問題は、実際に動的ページをロードしている.aspxページのコードビハインドからJavaScriptにデータを送信する方法を理解できないことです。

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); 
     } 
    } 

これは動的ページを追加するjavascript関数です。どのように行のページの内容を追加するelement.html('<div class="data">Data for page '+page+'</div>'); 私はひどく立ち往生して助けてください。あなたのコードであなたのaspxページで

Answer 1

element.html（「<% = InboundのPageDate％>」）

の後ろにあなたのコード内で、その後InboundのPageDateと呼ばれる公共の文字列を作成しては（parhapsページのLoadイベント）は、文字列を入れてあなたが必要とするデータをpageData

または、必要なデータに応答して次のページデータを取得するために、単純なashxファイルを作成できます。

Answer 2

あなたが聞いたことを行う方法はいくつかあります。

1. javascript関数にasp：Literalコントロールを追加します。コード内にそのコンテンツを設定します。

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

2. 、hiddenフィールドを追加します背後にあるコードでそれを設定し、そしてあなたのJavaScriptで値にアクセスします。

   <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のソリューション、すでに掲載（私はこの1つの構文に少しオフになる場合もあります）。インスタンスcode.csのためのあなたの分離コードで

Answer 3

は、変数を宣言： - 文字列strDummyValues = "ダミー値";あなたのASPXページに

： - 使用<% = strDummyValues％>は（ 'ページのデータ '+ <% = strDummyValues％> +''）

element.htmlを意味します。

よろしく アジャイ・シンタクール