ASP.NET的OnClientClick与OnClick事件
2016-04-01 14:52
686 查看
OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行.
OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行.
如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢?
OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。
例:
test()为一javascript函数.
t1为一文本框,判断输入内容是否为空
需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false,那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法.
也就是说如果我们上面写成:
那么不管test()执行的结果如何.服务器端对应的Button1_Click方法都永远不会执行.因为return false使得始终使客户端返回false
如果我们写成:
那么Button1_Click都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了.
我们还可以通过Button1.Attributes.Add("onclick", "test()");的方法来触发客户端事件
OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行.
如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢?
OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。
例:
test()为一javascript函数.
<script type="text/javascript"> function test() { var value = document.getElementById("<%=t1.ClientID%>").value; if (value == "") { alert("不能为空值"); return false; } } </script>
t1为一文本框,判断输入内容是否为空
<asp:TextBox ID="t1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="return test()" onclick="Button1_Click" />
需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false,那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法.
也就是说如果我们上面写成:
<asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test();return false" onclick="Button1_Click" />
那么不管test()执行的结果如何.服务器端对应的Button1_Click方法都永远不会执行.因为return false使得始终使客户端返回false
如果我们写成:
<asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test()" onclick="Button1_Click" />
那么Button1_Click都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了.
我们还可以通过Button1.Attributes.Add("onclick", "test()");的方法来触发客户端事件
相关文章推荐
- 关于在asp.net后台输出提示字符串的时候显示的字符提示出错的问题
- 【Raspberry Pi】 小问题汇总
- ASP.NET-DropDownListFor绑定model数据
- OWASP-ZAP
- 在ASP.NET MVC3 中利用JSONP跨域登录WEB系统
- AOP之基于@Aspect 注解与Schema(xml)区别
- 如何创建自定义ASP.NET MVC5脚手架模板?
- metasploit命令大全。
- ASP.NET MVC 让@Html.DropDownList显示默认值
- asp网页跳转
- ASP.NET的三层架构(DAL,BLL,UI)
- ASP.NET发布后,功能不响应
- ASP.NET Core环境并运行 继续跨平台
- ASP.NET-ActionFilter过滤器用法实例
- asp网页重定向问题
- Java的静态代理、动态代理,CGLib的动态代理,使用动态代理基于AOP的AspectJ框架—深入探究
- Spring-AOP切面+Aspectj框架的使用
- ASP.NET MVC 4 (十) 模型验证
- IIS与ASP.NET管道
- IIS 内部运行机制及Asp.Net执行过程详解