码迷，mamicode.com
首页 > Web开发 > 详细

AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序

时间：2014-07-05 17:30:15      阅读：306      评论：0      收藏：0      [点我收藏+]

标签：style   blog   http   java   color   使用   

测试代码：

 

 

[c-sharp] view plaincopy
 
  1. 测试代码如下:  
  2.   
  3. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="AjaxCtpWebDemo.Test" %>  
  4.   
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  6.   
  7. <html xmlns="http://www.w3.org/1999/xhtml" >  
  8. <head runat="server">  
  9.     <title>无标题页</title>  
  10. </head>  
  11. <body>  
  12.     <form id="form1" runat="server">  
  13.       
  14.         <asp:ScriptManager ID="ScriptManager1" runat="server">  
  15.         </asp:ScriptManager>  
  16.         <%=DateTime.Now.ToString() %><hr/>  
  17.         <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  18.             <ContentTemplate>  
  19.                 <%=DateTime.Now.ToString() %>  
  20.                 <hr/>  
  21.                 <asp:Button ID="Button1" runat="server" Text="Button" />  
  22.             </ContentTemplate>  
  23.         </asp:UpdatePanel>  
  24.        <mce:script  type="text/javascript" language="javascript"><!--  
  25.           Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(  
  26.       function(sender, e)  
  27.       {  
  28.           alert("add_initializeRequest");     
  29.       }  
  30.   );  
  31.     
  32.     
  33.   Sys.WebForms.PageRequestManager.getInstance().add_endRequest(  
  34.       function(sender,e){  
  35.           alert("add_endRequest");  
  36.       }  
  37.   );  
  38.     
  39.     
  40.   Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(  
  41.       function(sender,e){  
  42.           alert("add_beginRequest");  
  43.       }  
  44.   );  
  45.     
  46.     
  47.   Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(  
  48.       function(sender,e){  
  49.           alert("add_pageLoaded");  
  50.       }  
  51.   );  
  52.     
  53.   Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(  
  54.       function(sender,e){  
  55.           alert("add_pageLoading");  
  56.       }  
  57.   );  
  58.     
  59.     
  60. // --></mce:script>   
  61.     
  62.     </form>  
  63. </body>  
  64. </html>  

 

 

 

 

最终结果如下:

1.页面第一次进入时，会首先激发add_pageLoaded事件

2.异步提交时，事件的激发顺序如下:

add_initializeRequest

add_beginRequest

add_pageLoading

add_pageLoaded

add_endRequest

add_pageLoaded

 

转：http://www.cnblogs.com/fifastar/archive/2008/06/02/1212225.html

 

 

获取PageRequestManager的实例：var prm = Sys.WebForms.PageRequestManager.getInstance();
属性prm.get_isInAsyncPostBack()：判断一个异步回送是否正在进行中

方法prm.abortPostBack()：把一个正在执行中的异步回送取消。

 

客户端页面的生命周期

 

1、initializeRequest：
触发时机：当一个异步请求的回送被初始化之前引发。
       添加事件处理代码：Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(initFunc);
       移除事件处理代码：Sys.WebForms.PageRequestManager.getInstance().remove_initializeRequest(initFunc);
           initFunc是该页面初始化之前要执行的客户端方法。该方法的声明为：
           function initFunc(sender,args)
           {
                //args的数据类型是：InitializeRequestEventArgs类型。
                //args.get_postBackElement()：取得初始化异步回送的元素对象。
                   //args.get_postBackElement().id取得初始化异步回送的元素对象的id号
                   //args.get_postBackElement().value取得初始化异步回送的元素对象的value值 
                //args.set_cancel(bool)：取消初始化异步回送，即丢弃该异步回送。
           }
        如果异步处理的过程比较慢，在异步处理的过程中再次发出同样的请求的话，那后者的异步处理请求会取消掉前一步未处理完的请求。  这就是默认的异步请求优先级－－“后者优先”。
        我们通常回利用initailizeRequest事件来取消一个异步回送（正在进行的回送和将要初始化的回送）。      

 

[c-sharp] view plaincopy
 
  1. <asp:ScriptManager ID="ScriptManager1" runat="server" />  
  2.     <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" DynamicLayout="false">  
  3.         <ProgressTemplate>  
  4.             <span style="color: Red" mce_style="color: Red">Loading...</span>  
  5.         </ProgressTemplate>  
  6.     </asp:UpdateProgress>  
  7.     <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  8.         <ContentTemplate>  
  9.             <%=DateTime.Now %><br />  
  10.             <asp:Label ID="Label1" runat="server" Text=""></asp:Label><br />  
  11.             <asp:Button ID="btnPrecedence" runat="server" Text="优先" OnClick="btnPrecedence_Click" />  
  12.             <asp:Button ID="Button2" runat="server" Text="普通" OnClick="btnPrecedence_Click" />  
  13.         </ContentTemplate>  
  14.     </asp:UpdatePanel>  
  15.     <div id="Message" style="color: Red" mce_style="color: Red">  
  16.     </div>  
  17.   
  18.     <mce:script type="text/javascript" language="javascript"><!--  
  19.         var lastPostBackButtonId=null;          //上一次事件 控件ID  
  20.         var btnPrecedenceId = "<%=this.btnPrecedence.ClientID %>"   //优先级高的控件ID  
  21.           
  22.         Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(  
  23.             function(sender,e)  
  24.             {  
  25.                 //定义一个全局PageRequestManager实例赋值给变量 prm  
  26.                 var prm = Sys.WebForms.PageRequestManager.getInstance();  
  27.                 //是否已有异步刷新  
  28.                 if(prm.get_isInAsyncPostBack())  
  29.                 {  
  30.                     if(lastPostBackButtonId==btnPrecedenceId)       //上次跟本次都是点击优先按钮  
  31.                     {  
  32.                         e.set_cancel(true);//取消异步更新  
  33.                         if(e.get_postBackElement().id==btnPrecedenceId)  
  34.                         {  
  35.                             showMessage("不可重复发起优先的刷新1。");  
  36.                         }else  
  37.                         {  
  38.                             showMessage("请等待优先的刷新结束2。");  
  39.                         }  
  40.                         return;  
  41.                     }  
  42.                     else if(e.get_postBackElement().id==btnPrecedenceId) //本次点击是优先按钮,但上次却不是优先按钮  
  43.                     {  
  44.                         showMessage("发起优先的刷新，普通的刷新将被取消3。");  
  45.                     }  
  46.                     else //本次点击不是优先按钮，上次点击也不是优先按钮  
  47.                     {  
  48.                         showMessage("重新发起普通刷新，前一次将被取消4。");  
  49.                     }  
  50.                 }  
  51.                 lastPostBackButtonId = e.get_postBackElement().id;  
  52.             }  
  53.         );  
  54.       
  55. // --></mce:script>  
  56.   
  57.     <mce:script type="text/javascript" language="javascript"><!--  
  58.             var timeoutSeed = null;  
  59.             function showMessage(message,timeout)  
  60.             {  
  61.                 $get("Message").innerHTML = message;  
  62.                 //连续发送请求，把前一个清楚掉  
  63.                 if(timeoutSeed)  
  64.                 {  
  65.                     window.clearTimeout(timeoutSeed);  
  66.                 }  
  67.                 timeoutSeed = window.setTimeout(function(){$get("message").innerHTML="";  
  68.                 },timeout||2500)  
  69.             }  
  70.               
  71.       
  72. // --></mce:script>  

 

 

 

[c-sharp] view plaincopy
 
  1. protected void Page_Load(object sender, EventArgs e)  
  2.     {  
  3.   
  4.     }  
  5.     protected void btnPrecedence_Click(object sender, EventArgs e)  
  6.     {  
  7.         Thread.Sleep(3000);  
  8.         Button button = sender as Button;  
  9.         Label1.Text = String.Format("您点击了“{0}”按钮", button.Text);  
  10.     }  

 

 

2、beginRequest：
       触发时机：在异步请求初始化完成，且向服务器提出请求之前引发。
       添加事件处理代码：Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginFunc);
       移除事件处理代码：Sys.WebForms.PageRequestManager.getInstance().remove_beginRequest(beginFunc);
           beginFunc是向服务器提出请求之前要执行的客户端方法。该方法的声明为：
           function beginFunc(sender,args)
           {
                //args的数据类型是：BeginRequestEventArgs类型。
                //args.get_postBackElement()：取得初始化异步回送的元素对象。
           }
        我们通常在beginRequest事件中设置一个标头，或是启始化一个动化告知用户正在进行请求处理。
    

[c-sharp] view plaincopy
 
  1. <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  2.         <ContentTemplate>  
  3.             <%=DateTime.Now %><br />  
  4.             <asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button_Click" />  
  5.         </ContentTemplate>  
  6.         <Triggers>  
  7.             <asp:AsyncPostBackTrigger ControlID="Button2" />  
  8.         </Triggers>  
  9.     </asp:UpdatePanel>  
  10.     <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="UpdatePanel1">  
  11.         <ProgressTemplate>  
  12.             <span style="color: Red" mce_style="color: Red">Loading...</span>  
  13.         </ProgressTemplate>  
  14.     </asp:UpdateProgress>  
  15.     <hr />  
  16.     <asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button_Click" />  
  17.   
  18.     <mce:script type="text/javascript" language="javascript"><!--  
  19.         Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(  
  20.             function(sender,e)  
  21.             {  
  22.                 if(e.get_postBackElement().id != "<%=this.Button2.ClientID %>")  
  23.                 {  
  24.                     return;  
  25.                 }  
  26.                   
  27.                 var updateProgress = $get("<%=this.UpdateProgress1.ClientID %>");  
  28.                 var dynamicLayout = <%=this.UpdateProgress1.DynamicLayout.ToString().ToLower() %>;  
  29.                 if(dynamicLayout)  
  30.                 {  
  31.                     updateProgress.style.display = "block";  
  32.                 }else  
  33.                 {  
  34.                     updateProgress.style.visibility = "visible";  
  35.                 }  
  36.             }  
  37.         )  
  38.       
  39. // --></mce:script>  

 

 

 

 

[c-sharp] view plaincopy
 
  1. protected void Page_Load(object sender, EventArgs e)  
  2.     {  
  3.   
  4.     }  
  5.     protected void Button_Click(object sender, EventArgs e)  
  6.     {  
  7.         Thread.Sleep(2000);  
  8.     }  

     

 


3、pageLoading：
        触发时机：异步回送已经被服务器接收并响应，但还没有对页面进行任何更新之前引发
        添加事件处理代码：Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(loadingFunc);
        移除事件处理代码：Sys.WebForms.PageRequestManager.getInstance().remove_pageLoading(loadingFunc);
             loadingFunc是页面更新之前要执行的客户端方法。该方法的声明为：
             function loadingFunc(sender,args)
             {
                //args的数据类型是：PageLoadingEventArgs类型。
                //args代表内容将要被更新或删除的UpdatePanel控件的<div>。
                //var arr = args.get_panelsDeleting(); 取得将被删除的各个UpdatePanel控件的<div> 
                //var arr = args.get_panelsUpdating();取得将被更新的各个UpdatePanel控件的<div>
             }

 

 

5、endRequest：
       触发时机：回送请求处理完毕后，就会引发endRequest事件。
       添加事件处理代码：Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endFunc);
       移除事件处理代码：Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(endFunc); 
           endFunc是页面请求完成后执行的客户端方法。该方法的声明为：
           function endRequest(sender,args)
           {
                //args的数据类型是：EndRequestEventArgs类型
                //var err = args.get_error()：判断是否发生错误，并取得错误对象。
                //var em = args.get_error().message：取得错误的出错信息。
                //args.set_errorHandled(true)：设置错误已被处理。
                //var gm = args.get_errorHandled()：判断错误是否被处理。
                //异步请求发生异常后，如果程序员不在客户端捕获处理的话，PageRequestManager对象会将其以对话框的形式弹出异常的信息。如果程序员想自己编写错误处理代码，而不交由PageRequestManager对象处理的话。那程序员可以通过args.get_error().message属性取得错误信息，然后编写异常处理代码，最后记得执行args.set_errorHandled(true)。这样就阻止异常继续回返给PageRequestManager对象。具体使用在后面将详细说明。
           } 

 

[c-sharp] view plaincopy
 
  1. <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  2.         <ContentTemplate>  
  3.             <%=DateTime.Now %><br />  
  4.             <asp:Button ID="btnError" runat="server" Text="Error" OnClick="btnError_Click" />  
  5.             <asp:Button ID="btnTimeout" runat="server" Text="Timeout" OnClick="btnTimeout_Click" />  
  6.             <input id="button" type="button" value="Abort" onclick="Sys.WebForms.PageRequestManager.getInstance().abortPostBack();" />  
  7.             <asp:Button ID="btnDataItem" runat="server" Text="Reister DataItem" OnClick="btnDataItem_Click" />  
  8.         </ContentTemplate>  
  9.     </asp:UpdatePanel>  
  10.   
  11.     <mce:script type="text/javascript"><!--  
  12.         Sys.WebForms.PageRequestManager.getInstance().add_endRequest(  
  13.             function(sender,e){  
  14.                 if(e.get_error())  
  15.                 {  
  16.                     e.set_errorHandled(true);  
  17.                       
  18.                     if(e.get_response().get_timedOut())  
  19.                     {  
  20.                         showMessage("您的请求已超时。")  
  21.                     }else if(e.get_response().get_statusCode() != 200)  
  22.                     {  
  23.                         showMessage("遇到未知错误。");  
  24.                     }else  
  25.                     {  
  26.                         showMessage(e.get_error().message);  
  27.                     }  
  28.                 }else if(e.get_response().get_aborted())  
  29.                 {  
  30.                     showMessage(‘您的请求已取消‘)  
  31.                 }  
  32.                 else  
  33.                 {  
  34.                     var upId = "<%= this.UpdatePanel1.ClientID %>";  
  35.                     var item =e.get_dataItems()[upId];  
  36.                     showMessage("您注册了："+item);  
  37.                 }  
  38.             });  
  39.       
  40. // --></mce:script>  

 

 

 

[c-sharp] view plaincopy
 
  1. protected void Page_Load(object sender, EventArgs e)  
  2.    {  
  3.        ScriptManager.GetCurrent(Page).AsyncPostBackTimeout = 3;  
  4.    }  
  5.    protected void btnError_Click(object sender, EventArgs e)  
  6.    {  
  7.        int two = 2;  
  8.        int i = 3 / (two - 2);  
  9.    }  
  10.    protected void btnTimeout_Click(object sender, EventArgs e)  
  11.    {  
  12.        Thread.Sleep(5000);  
  13.    }  
  14.    protected void btnDataItem_Click(object sender, EventArgs e)  
  15.    {  
  16.        ScriptManager.GetCurrent(this).RegisterDataItem(UpdatePanel1, DateTime.Now.ToString());  
  17.    }  

 

 

 


4、pageLoaded：
        触发时机：回送完成页面区域被更新之后引发。
        添加事件处理代码：Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(loadedFunc);
        移除事件处理代码：Sys.WebForms.PageRequestManager.getInstance().remove_pageLoaded(loadedFunc); 
           loadedFunc是页面更新后要执行的客户端方法。该方法的声明为：
           function loadedFunc(sender,args) 
           {
                //args的数据类型是：PageLoadedEventArgs类型
                //args代表更新的或创建的UpdatePanel控件的<div>
                //var arr = args.get_panelsUpdated();取得被更新的各个UpdatePanel控件的<div>
                //var arr = args.get_panelsCreated();取得新创建的各个UpdatePanel控件的<div>
           }

 

AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序,布布扣,bubuko.com

AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序

标签：style   blog   http   java   color   使用   

原文地址：http://www.cnblogs.com/yyxz/p/3823026.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！