把CS值传给JS使用

如果你经常在asp.net使用Javascript，会遇上这些情况，把aspx页面写的javascript的值传给aspx.cs页面程序使用，或是需要把aspx.cs程序处理好的结果传递给aspx页面的javascript调用，此篇演示的是后者。技术重点是使用Web控件<asp:Literal id="Literal1" runat="server" />

.aspx(重点部分有注释):

View Code

 1  <% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " JsCallCsValue.aspx.cs "  Inherits = " JsCallCsValue "   %>
 2 
 3  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 4 
 5  < html  xmlns ="http://www.w3.org/1999/xhtml" >
 6  < head  runat ="server" >
 7       < title ></ title >
 8 
 9        < script  language ="javascript"  type ="text/javascript" >
10  <!--
11       // 宣告一个变量，方便调用
12       var  jsVariable ;
13       // 在Javascript使用WebControl Literal 可以调用aspx.cs需要的值。
14       < asp:Literal id = " Literal1 "  runat = " server "   / >    
15       // 下面是调用变量。当然你的处理代码不是简单的如下只抛出信息而已。
16       alert(jsVariable);
17 
18  //  -->
19       </ script >
20  </ head >
21  < body >
22       < form  id ="form1"  runat ="server" >
23       < div >
24      
25       </ div >
26       </ form >
27  </ body >
28  </ html >

 

.aspx.cs(重点部分有注释):

View Code

 1  using  System;
 2  using  System.Collections.Generic;
 3  using  System.Linq;
 4  using  System.Web;
 5  using  System.Web.UI;
 6  using  System.Web.UI.WebControls;
 7 
 8  public   partial   class  JsCallCsValue : System.Web.UI.Page
 9  {
10       protected   void  Page_Load( object  sender, EventArgs e)
11      {
12          // 宣告一个cs变量
13           string  csVariable  =   " Hello Insus.NET! " ;
14           // 为Web控件赋值，值中有一个js的变量jsVariable,即是aspx页面12行的变量。
15           this .Literal1.Text  =   " jsVariable=\" "   +  csVariable  +   " \"; " ;
16      }
17  }

 

运行时，显示：

 

下面的Html代码，是View Source:

View Code

 1  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 2 
 3  < html  xmlns ="http://www.w3.org/1999/xhtml" >
 4  < head >< title >
 5 
 6  </ title >
 7 
 8        < script  language ="javascript"  type ="text/javascript" >
 9  <!--
10       // 宣告一个变量，方便调用
11       var  jsVariable ;
12       // 在Javascript使用WebControl Literal 可以调用aspx.cs需要的值。
13      jsVariable = " Hello Insus.NET! " ;    
14       // 下面是调用变量。当然你的处理代码不是简单的如下只抛出信息而已。
15       alert(jsVariable);
16 
17  //  -->
18       </ script >
19  </ head >
20  < body >
21       < form  method ="post"  action ="JsCallCsValue.aspx"  id ="form1" >
22  < div  class ="aspNetHidden" >
23  < input  type ="hidden"  name ="__VIEWSTATE"  id ="__VIEWSTATE"  value ="/wEPDwULLTE3MjA2MjkyOTcPZBYCAgEPZBYCAgIPFgIeBFRleHQFHmpzVmFyaWFibGU9IkhlbGxvIEluc3VzLk5FVCEiO2RkAbVsRlWGIevflh7KhrG13XNhILao3ew2oqKkqqdBsvw="   />
24  </ div >
25 
26       < div >
27      
28       </ div >
29       </ form >
30  </ body >
31  </ html >

 

从上面的html代码的13行code与.aspx的14行code对比看，已经由控件转变为js变量赋值了。