Asp.net 与Js 相互调用

转载于 2018-08-20 00:36:31 发布 · 1.9k 阅读

文章标签：

#jscript #.net

C# 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了两种ASP.NET与JS互相调用的方法：一是通过JS直接调用ASP.NET后台方法并显示返回值；二是利用JQuery与AJAX，通过C#后台调用前台JS函数实现跨语言交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）

js调用asp.net 后台方法：

前台js
<script type="text/javascript" language="javascript">
　　function Ceshi()
　　{
　　　　var a = "<%=Getstr()%>";
　　　　alert(a);
　　}
</script>
<input type="button" onclick="Ceshi();" value="js调用后台代码" />
后台代码
public string Getstr()
{
　　string aa = "你们好啊！";
　　return aa;
}

（2）

通过Jquery与ajax

C#后台调用前台js代码
前台js
<script type="text/javascript" language="javascript">
　　function Ceshi()
　　{
　　　　var a = "你们好啊！"
　　　　alert(a);
　　}
</script>
<asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />
后台代码
protected void Button1_Click(object sender, EventArgs e)
{
　　　　//如果有UpdatePanel就用如下代码调用前台js
　　　　ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
　　　　//如果没有就如下代码
　　　　this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "Ceshi();", true);
}