ASP.NET前台JS与后台CS函数如何互相调用
在实际的Web开发中，我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况。今天就把比较实用的前后台相互调用的方法总结出来和大家分享。
===============后台代码调用前台JS代码===============
一、说到后台代码调用前台的JS代码很多人首先就会想到使用Clients cript对象。
Clientscript.RegisterStartups cript()方法，该方法主要是注册启动脚本文本，即在后台执行调用前台JS代码
该方法有两个重载，
、要注册的启动脚本文本（一般为"<s cript>函数（）</s cript>")；
示例：
Clientscript.RegisterStartups cript(this.GetType(),"SayHello","<s cript>SayHello('"+name+"')</s cript>");//先获取用户姓名，然后再调用前台的JS函数SayHello(name);
、Clientscript.RegisterStartups cript(Typetype,string key, string s cript,bool flag);//该函数和第一参数的区别在于将最后一个参数设为"ture"时，第三个参数可以直接写被调用的函数，不用再加"<s cript></s cript>",这两个方法差别不是很大。
示例：
Clientscript.RegisterStartups cript(this.GetType(),"SayHello1", "SayHello('" + name + "')", true);//跟第一方法的效果一样，调用前台SayHello(name)函数，如果最后一个值设为false，则仍需添加上"<s cript></s cript>"标记
这里需要特别注意的是在注册启动脚本的时候，键是唯一的，不能重复，如果有将会报错。
二、使用Clientscript.RegisterClients criptBlock()方法，注册客户端脚本块
该方法有两个重载，使用方法几乎和Clientscript.RegisterClients criptBlock()的两个方法一模一样。这里只是给出示例，就不再做过多的解释。
Clientscript.RegisterClients criptBlock(this.GetType(),"SayHello2", "ShowPerson('" + age + "')",true); Clientscript.RegisterClients criptBlock(this.GetType(),"SayHello2","<s cript>SayHello('"+name+"')</s cript>");
在这里主要讲一下RegisterClients criptBlock方法和RegisterStartups cript方法和区别
RegisterStartups cript，这种方法会把JS代码嵌入在页面的底部、表单的最后 (</form>前面)，适用于要在页面控件加载完成后运行的JS代码
RegisterClients criptBlock，这种方法会把JS代码嵌入在页面的顶部、表单的最前 (<form>后面)，适用于要在控件加载前执行的JS代码
通过html源代码可见。
三、使用Control.Attribute属性（服务器控件）
这也是一种比较简单好用的方法，可以将该方法和控件的客户端方法相关联，比如“onblur，onfocus，onmousemove，onmouseover“等，在这里只是把该方法作为Control的一个属性来用。
示例：
在Page_Load（）方法里添加如下代码：
txtname.Attributes["onblur"] ="show('" + txt.Text + "')";//当用户离开文本框时，会提示所输入的内容 （在Page_Load使用该方法，其实是在编译成源文件时在对应的html元素的属性调用js函数，如<inputtype=”text” onblur=”show()”/>）
还可以通过这种方法来控制前台的显示。其实现方法和本例的方法都是一样的，在这里就不做过多的介绍了。
四、可以使用Control的一个属性，（服务器控件），OnClientClick
为该属性赋值OnClientClick="SayHello()";则就会调用客户端的方法，该方法的本质就是一个客户端的方法。（该属性只有服务器控件具有，在编译成源文件时，其实是转换成对应的事件，如OnClientClick会转换成onclick）
示例：
<asp:Button ID="Button1" runat="server"OnClientClick="Get()" Text="OnClientClick方法测试"/>
===============前台JS调用后台方法=================
一、最简单的一种方式，在前台的JS函数中写下如下代码：
Var name=<%=SayHello()%>
在Asp.NET 以前的ASP就是通过这样的方式将cs代码写到apsx页的，在<% %>中就可以写cs代码了，效果跟在cs页写一样。
在前台页面<head><head>节点中添加如下代码：
<s cript type="text/javas cript>
function Get() {
var hello="<%=SayHello() %>";
alert(hello);
}
</s cript>
后台cs页代码如下：
public string SayHello()
{
return " Javas cript调用后台代码显示姓名： Olive";
}
结果：
二、通过辅助按钮实现前台JS调用后台代码（这样相当于添加多了一个按钮）
、先在前台添加一个服务器端按钮，双击，进入后台.cs页，写下将要执行的代码
如下：
protected void Button4_Click(object sender,EventArgs e) {
//在此方法里写下要执行的代码，此处为简单的示例
Response.Write("<s cript>alert('O(∩_∩)O哈哈~你好！')</s cript>");
}
，形如
<asp:Button ID="btnhoutai" runat="server"Text="" Width="0"Height="0"
onclick="Button4_Click" />
、在前台添加一个JS函数，如下：
function Show1() {
document.getElementById("btnhoutai").click();
}
、添加html按钮并将其onclick="Show1()";
如下：
<input id="btnjs"type="button" value="Js 调用后台C#函数" onclick="Show1()"/>
经过以上这四步就可以实现JS调用后台的代码了。
ASP.NET前台JS与后台CS函数如何互相调用的更多相关文章
- asp.net 前台js和后台得到FormView中的控件，以TextBox为例
一.前台js获取FormView中的控件 js得到前端控件的ID,比如TextBox(这里设置其ID为TextBox1),大家都知道,是document.getElementById("&l ...
- ASP.NET前台代码绑定后台变量方法总结
经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般有<%= str%>和<%# str %>两种方式,这里简单总结一下.如有错误或异议之处,敬请各位指教. 一方 ...
- 转：ASP.NET前台代码绑定后台变量方法总结
经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般有<%= str%>和<%# str %>两种方式,这里简单总结一下.如有错误或异议之处,敬请各位指教. 一方 ...
- [ASP.NET] 前台代码绑定后台变量方法总结 [转]
原文链接:https://www.cnblogs.com/lerit/archive/2010/10/22/1858007.html 经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般 ...
- WebView中Js与Android本地函数的相互调用
介绍 随着Html5的普及,html在表现力上不一定比原生应用差,并且有很强的扩展兼容性,所以越来越多的应用是采用Html与Android原生混合开发模式实现. 既然要实现混合开发,那么Js与Andr ...
- net中前台javascript与后台c#函数相互调用
问: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? ...
- 前台js与后台方法互调
一:后台调用前台js的方法 ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", " ...
- RSA前台js加密,后台C#解密
一.需求: 为了安全,项目中前台登陆用的密码需要加密传到后台,后台c#解密登陆密码. 二.解决方案 采用非对称加密算法RSA来达到目的,前台登陆页面一加载便发送一次ajax请求获取后台产生的公钥,用于 ...
- 前台js接收后台的json数据
后台返回的json数据,如php的: return json_encode($data); 在前台 js接收如下: function json2object(str){ var jsstr = str ...
随机推荐
- 批处理(.bat)中使用相对路径
批处理中使用相对路径,只需要用cd /d %~dp0代替绝对路径就可以了. ->cd /d ->%~dp0 %0为当前批处理文件 %~d0 是指批处理所在的盘符 %~dp0 是指批处理所在 ...
- Node调试工具JSHint
Node调试工具JSHint的安装及配置教程 作者: 字体:[增加 减小] 类型:转载 时间:2014-05-27我要评论 Node的优势我就不再乱吹捧了,它让javascript统一web的前后台成 ...
- Java集合类详解
集合类说明及区别Collection├List│├LinkedList│├ArrayList│└Vector│ └Stack└SetMap├Hashtable├HashMap└WeakHashMap ...
- Jsp学习（2）
Jsp的三大指令 (1).include 作用:相当于把当前页面去包含页面 语法: <%@include file="/common/test.jsp" %> 实例如下 ...
- PureMVC(JS版）源码解析（四）：Notifier类
上一篇博客中,我们解析了Observer(观察者)类,这一篇博客我们来讲Notifier(通知着)类.关于Notifier类,源码注释上有这么一段: * @class puremvc.Not ...
- (转载)SVN 提交操作缩写(A D M R) .
前言: 今天使用SVN提交代码,发现提交后的代码找不到之前的版本. 操作的字母缩写为R.一般我们常见的操作为 A D M R A:add,新增 C:conflict,冲突 D:delete,删除 ...
- InnoDB MyISAM区别及优化（摘录）
InnoDB 是 MySQL 上第一个提供外键约束的引擎,除了提供事务处理外,InnoDB 还支持行锁,提供和 Oracle 一样的一致性的不加锁读取,能增加并发读的用户数量并提高性能,不会增加锁的数 ...
- SQL Server中建立外键的方法
在SQL中建立外键约束,可以级联查询表中的数据,在C#代码生成器中,也能根据外键关系生成相应的外键表数据模型.外键也可防止删除有外键关系的记录,一定程度上保护了数据的安全性. 步骤: 1.要建立外键关 ...
- Lucene技术杂谈
Lucene教程 1 lucene简介 1.1 什么是lucene Lucene是一个全文搜索框架,而不是应用产品.因此它并不像www.baidu.com 或者google Desktop那么 ...
- IIS7报错：如果要使用托管的处理程序，请安装 ASP.NET
转载至码农SeraphWU IIS7报错:如果要使用托管的处理程序,请安装 ASP.NET 进入CMD 输入如下命令即可 "%WINDIR%\Microsoft.NET\Framework\ ...