JS小技巧 前台JS代码中获得后台页面中的变量的值

 

代码贴出,分享给大家:

后台test.aspx.cs代码:

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Text;

public   partial   class  test : System.Web.UI.Page
... {

    protected string strJS;//这个变量是要传递到前台JS代码中的,变量声明的位置一定要在Page类首部,且必须声明为受保护的:protected
    
    protected void Page_Load(object sender, EventArgs e)
    ...{

    }
    //点击按钮事件,在前台动态生成一段JS代码
    protected void Button1_Click(object sender, EventArgs e)
    ...{
        string[] str =...{"aaa","bbb","ccc"};
        StringBuilder sb = new StringBuilder();
        sb.Append("name='"+str[0]+"' ");
        sb.Append("sex='"+str[1]+"' ");
        sb.Append("age='"+str[2]+"' ");
        strJS = sb.ToString();//给strJS赋值
    }
}

 前台test.aspx代码:

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " test.aspx.cs "  Inherits = " test "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
     < title > 无标题页 </ title >
     < script >
    var name;
    var sex;
    var age; // 这三个变量和后台传过来的strJS中的变量一致的
     <%= strJS  %> // 这句是关键,相当于response.write(strJS),就是动态的生成了一段JS代码,在你点击了按钮后,就会动态生成这段代码,这段JS代码是一段赋值语句,你可以在点击了按钮后查看网页的源文件
    function print()
     ... {
        alert(name+' '+sex+' '+age);
    }    
     </ script >
</ head >
< body onload = " print() " >
     < form id = " form1 "  runat = " server " >
     < div >
         < asp:Button ID = " Button1 "  runat = " server "  OnClick = " Button1_Click "  Text = " Button "   /></ div >
     </ form >
</ body >
</ html >