ASP.NET前台后台相互调用

浏览数：21 / 时间：2015年06月09日

1.前台调用后台方法
//前台代码
<script type="text/javascript" language="javascript">
　　function test()
　　{
 　　 var a = "<%=GetStr()%>";//调用后台GetStr()方法
 　　 alert(a);
　　}
</script>
<asp:Button ID="btnTest" OnClientClick="test()" runat="server" Text="调用后台方法" />
//后台代码
public string GetStr()//GetStr()须有返回值，public可换成protect，但不能是private
{
    string s = "Hello World!";
    return s;
}

2.后台调用前台函数
//前台代码
<script type="text/javascript" language="javascript">
    function test()
    {
        var a="Hello World!";
　　   alert(a);
    }
</script>
<asp:Button ID="btnTest"  runat="server" Text="调用前台函数" onclick="btn_Click" />
//后台代码
public void btn_Click(object sender, EventArgs e)
{
    ClientScript.RegisterStartupScript(this.GetType(), "", "<script>test();</script>");
}

3.前台获取后台字段
//前台代码
<script type="text/javascript" language="javascript">
　　function test()
　　{
 　　   var a = "<%=s%>";//调用全局变量s
 　　   alert(a);
　　}
</script>
<asp:Button ID="btnTest" OnClientClick="test()" runat="server" Text="调用后台字段" />
//后台代码
public string s="Hello World!"; //s为全局变量(慎用) 
//一定要写public或者protect，若不写则默认为private，则前台不能调用

4.获取控件的值
a.//前台获取客户端控件的值
//前台客户端控件
<input id="txt" type="text" />
//获取该控件的值
document.getElementById("txt").value;

b.//后台获取服务器控件的值
//前台服务器控件
<input id="txt" type="text" runat="server" />(或)
<asp:TextBox ID="tb" runat="server"></asp:TextBox>
//后台获取该控件的值
txt.Value; (或)
tb.Text;