站点图标 久久日记本

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

本文目录

目录

*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
//前台表格

//显示的图片

//修改链接
意见
//显示 已给出/未给出 调用后台的方法,[注意]
(<%# newsfeedback(Convert.ToString(Eval("AutoId")))%>)
后台
```csharp
public string newsfeedback(string autoid)
{
    TENF.Model.NewsFeedback modelnewsfeedback = new TENF.Model.NewsFeedback();
    TENF.DAL.NewsFeedback dalnewsfeedback = new TENF.DAL.NewsFeedback();
    TENF.BLL.NewsFeedback bllnewsfeedback = new TENF.BLL.NewsFeedback();

    //后台
    //SQL查询语句的返回结果,返回一个DataSet类型的数据,三层架构实现的
    DataSet ds = bllnewsfeedback.GetListNews(" and NewsFeedback.NewsAutoId=" + "'" + autoid + "' ");

    if (ds.Tables[0].Rows.Count>0)//有数据
    {
        if (ds.Tables[0].Rows[0]["FeebReason"].ToString()=="")//判断该列该字段是否为空
        {
            return "<font color='Green'>未给出</font>";
        }
        else
        {
            return "<font color='Red'>已给出</font>";
        }
    }
    else
    {
        return "<font color='Red'>未给出</font>";
    }
}
退出移动版