EasyMvc入门教程-基本控件说明(2)定时器
我们有时候希望系统能自动刷新后台数据或者做某个动作,那么定时器的作用就体现出来了。
EasyMvc默认提供的服务器可以定时调前端方法与定时调后端方法,先看例子:
- 定时调客户端事件
实现代码:
1 2 3 4 5 6 7 8 | @Html.Q().Timer().Name( "mxd" ).Interval(1000).ClickClientEvent( "before" ) <script> var i = 0; function before() { i++; layer.msg( "客户端方法,结果为:" + i); } </script> |
请注意:
1 | Interval 是用来设置定时器的时间间隔的。 |
1 | ClickClientEvent 需要传入你希望调用的客户端方法名。 |
效果截图如下:
- 定时调服务端事件
实现代码:
1 2 3 4 5 6 7 8 | @Html.Q().Timer().Name( "mxd" ).Interval(1000).ClickServerEvent( "/Home/GetTime" , null , "back" ) <script> i = 0; function back(data) { i++; layer.msg( "服务器返回的第" + i + "条消息:<br>" + data); } </script> |
请注意:
1 | ClickServerEvent 第一个参数为服务器的Action地址,第二个参数为JSON数据,第三个参数为回调的客户端方法,回调方法会自动携带服务器返回的数据data。 |
效果截图如下:
技巧:如果您同时触发了客户端方法与服务端方法,需要您在客户端方法里返回true,服务端方法才会被调用,意味着可以在触发服务端方法之前做一些客户端的校验等动作。
深入:本质上,定时器封装了js的setInterval方法。:)
总结:定时器的使用就简单介绍到这里,希望继续保持简单的心情。
更多使用示例请浏览在线示例:http://core.zwc.cn
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步