现在的位置: 首页 > 综合 > 正文

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

2012年01月16日 ⁄ 综合 ⁄ 共 1634字 ⁄ 字号 评论关闭

 

代码贴出,分享给大家:

后台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>

抱歉!评论已关闭.