前台与后台之间的方法相互调用

本文目录

目录

*1.前台JS调用后台C#方法

*2.后台C#调用前台JS方法

*3.ASP.NET 前台表格 标签 直接 调用后台方法返回值

在ASP.NET+SQL网页中，经常会用到数据绑定等网页传值，因此涉及到不少“后台cs” 调用前台“前台aspx”的参数或者JS代码的情况。因为JS和C#代码难 和 易实现某些方法，花费在实现方法的代价太大，需要调用互相中简单的方法。

1.前台JS调用后台C#方法

点击div出现提示。

后台：

public string GetStr()
{
    string str = "I'm backCS！";
    return str;
}

前台：

<div>
    <div style="width:50px;height:20px;background-color:Blue;"
            onclick="testbackCS()">
    </div>
</div>

<script type="text/javascript">
    function testbackCS(){
        var i="<%=GetStr()%>";
        alert(i);
    }
</script>

效果图：

2.后台C#调用前台JS方法

点击div出现提示。

前台：

“`asp.net

```js
<script type="text/javascript">
    function testforegroundJS(){
        var i="this is foregroundJS";
        alert(i);
    }
</script>

后台调用：

protected void Button1_Click(object sender, EventArgs e)
{
//一行代码
    ClientScript.RegisterStartupScript(
    ClientScript.GetType(), "myscript", 
    "<Script>testforegroundJS();</Script>");


    //this.Page.ClientScript.RegisterStartupScript(
    //this.Page.GetType(), "",
    //"<script>testforegroundJS();</script>", true);
    //注释的第二行是网上通用的方法，此种方法错误！切忌！
}

效果图：

既然方法可以调用，变量，带参数的返回值，返回方法 同样适用，大同小异。

3.ASP.NET 前台表格 标签 直接 调用后台方法返回值

前台

“`asp.net
//前台表格

//显示的图片

//修改链接