ASP.NET—012：避免页面刷新造成的闪烁问题

最新推荐文章于 2023-07-27 09:57:42 发布

原创最新推荐文章于 2023-07-27 09:57:42 发布 · 7.7k 阅读

3 ·

CC 4.0 BY-SA版权

ASP.NET 专栏收录该内容

31 篇文章

订阅专栏

本文探讨了ASP.NET页面的page_load事件触发机制及页面闪烁问题，介绍如何利用JavaScript和jQuery来优化用户体验，实现页面控件事件处理，并提供前后台交互的方法。

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

本文继续说一个常识问题。
大家都知道，ASP.NET页面都有一个page_load事件。当页面第一次加载时都会执行这个事件。而细心的童鞋肯定也发现，当给页面上的控件注册事件后，执行这个控件的事件时也会执行这个page_load。也就是说每点击一次事件都会刷新一次页面，造成页面闪烁。这样的效果是不好的。
那么如何避免这个问题呢，当然是靠javascript了，以及高级一点的jQuery等。
一般ASP.NET页面必然要配合javascript来实现功能了。页面控件的事件最好都用javascript来实现，然后通过javascript来完成也后台的数据传递，至于如何传递请参见jQuery.JS和ajax.等。前面也提到过两个方法 $.ajax和$.post两个方法实现前后台交互。
还有个小细节就是，在控件的事件中使用return关键字。如下，一个按钮的点击事件可以这样定义。

<asp:Button ID="button1" runat="server" Text="页面点击" OnClientClick="return buttonClientClick();" />

对应的js函数：

       function buttonClientClick() {
          //业务
          //是$.ajax或者$.post,以及其他方式和后台交互
          return false;
      }

重点就是调用函数时加上return，然后函数中记得返回 return false;
这样即使通过js方法进行交互数据，进了page_load方法了。页面也不会闪烁。