新瓶旧酒ASP.NET AJAX(6) - 客户端脚本编程（Sys.WebForms命名空间下的类Sys.Serialization命名空间下的类）

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="InitializeRequest.aspx.cs"
        Inherits="ClientScripting_SysWebForms_InitializeRequest" Title="InitializeRequest" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<script runat="Server">
                protected void Button1_Click(object sender, EventArgs e)
                {
                        System.Threading.Thread.Sleep(3000);
                }
        </script>

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" DynamicLayout="false">
                <ProgressTemplate>
                        Loading
                </ProgressTemplate>
        </asp:UpdateProgress>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                        <%= DateTime.Now %>
                        <br />
                        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                          
                        <asp:Button ID="Button2" runat="server" Text="cancel属性测试" OnClick="Button1_Click" />
                </ContentTemplate>
        </asp:UpdatePanel>
        <p>
                <textarea id="TraceConsole" style="width: 500px; height: 300px;"></textarea>
        </p>

<script type="text/javascript" language="javascript">
        
                Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(initializeRequestHandler);
                
                function initializeRequestHandler(sender, e)
                {
                        // postBackElement - 产生回发事件的元素
                        if (e.get_postBackElement().id == "<%= Button2.ClientID %>")
                        {
                                // InitializeRequestEventArgs继承自Sys.CancelEventArgs    
                                // 取消回发
                                e.set_cancel(true);
                        }
                        else
                        {
                                // 获得页面的PageRequestManager类的实例
                                var prm = Sys.WebForms.PageRequestManager.getInstance();
                        
                                Sys.Debug.trace(e.get_postBackElement().id);
                                
                                // Sys.WebForms.PageRequestManager的isInAsyncPostBack属性 - 是否正在异步回发过程中
                                Sys.Debug.trace(prm.get_isInAsyncPostBack());
                        }
                }
        </script>

</asp:Content>

运行结果
1、单击“Button”按钮
ctl00_ContentPlaceHolder1_Button1
false

2、在Loading的过程中再次单击“Button”按钮
ctl00_ContentPlaceHolder1_Button1
true

3、单击“cancel属性测试”按钮
没有反应

BeginRequestAndEndRequest.aspx
注：在ScriptManager的OnAsyncPostBackError事件中输入代码：ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message + "（母版页的ScriptManager格式化错误信息）";

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="BeginRequestAndEndRequest.aspx.cs"
        Inherits="ClientScripting_SysWebForms_BeginRequestAndEndRequest" Title="BeginRequest和EndRequest" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<script runat="Server">
                protected void Button1_Click(object sender, EventArgs e)
                {
                        int i = Int32.Parse("abc");
                }

protected void Button2_Click(object sender, EventArgs e)
                {
                        ScriptManager.GetCurrent(this).RegisterDataItem(this.UpdatePanel1, "webabcd");
                }
        </script>

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="Server">
                <ContentTemplate>
                        <%= DateTime.Now.ToString() %>
                        <br />
                        <asp:Button ID="Button1" runat="server" Text="触发异常" OnClick="Button1_Click" />
                          
                        <asp:Button ID="Button2" runat="server" Text="RegisterDataItem测试" OnClick="Button2_Click" />
                </ContentTemplate>
        </asp:UpdatePanel>

<p>
                <textarea id="TraceConsole" style="width: 500px; height: 100px;"></textarea>
        </p>

<script language="javascript" type="text/javascript">

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);
                Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
                Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler2);

function beginRequestHandler(sender, e)
                {
                        // postBackElement - 产生回发事件的元素
                        alert(e.get_postBackElement().id);                        
                }
                                
                function endRequestHandler(sender, e)
                {
                        // response - Sys.Net.WebRequestExecutor对象
                        Sys.Debug.trace("状态代码：" + e.get_response().get_statusCode());
        
                        if (e.get_error())
                        {
                                // errorHandled - 异常是否已经被处理
                                e.set_errorHandled(true);
                                // error - Error对象
                                Sys.Debug.trace("出错了！错误信息：" + e.get_error().message);
                        }
                }
                
                function endRequestHandler2(sender, e)
                {
                        var upId = "<%= this.UpdatePanel1.ClientID %>";
                        
                        // dataItems - 服务端注册的DataItem
                        if (typeof(e.get_dataItems()[upId]) != 'undefined')
                        {
                                Sys.Debug.trace("注册的数据项为：" + e.get_dataItems()[upId]);
                        }
                }

</script>

</asp:Content>

运行结果
1、单击“触发异常”按钮
弹出框，信息：ct100_ContentPlaceHolder1_Button1
状态代码：200
出错了！错误信息：输入字符串的格式不正确。（母版页的ScriptManager格式化错误信息）

2、单击“RegisterDataItem测试”按钮
弹出框，信息：ct100_ContentPlaceHolder1_Button2
状态代码：200
注册的数据项为：webabcd

Sample.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Sample.aspx.cs"
        Inherits="ClientScripting_SysSerialization_Sample" Title="Sys.Serialization Sample" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<script runat="Server">
                protected void Button1_Click(object sender, EventArgs e)
                {
                        // 创建一个Person对象
                        Person person = new Person();
                        person.Name = "webabcd";
                        person.Age = 27;

// 序列化上面创建的Person对象，使其成为一个JSON字符串
                        System.Web.Script.Serialization.JavaScriptSerializer jss = new System.Web.Script.Serialization.JavaScriptSerializer();
                        string s = jss.Serialize(person);
                        
                        // 注册DataItem
                        ScriptManager.GetCurrent(this).RegisterDataItem(this.UpdatePanel1, s);
                }

/// <summary>
                /// Person类
                /// </summary>
                public class Person
                {
                        private string _name;
                        /// <summary>
                        /// 姓名
                        /// </summary>
                        public string Name
                        {
                                get { return _name; }
                                set { _name = value; }
                        }

private int _age;
                        /// <summary>
                        /// 年龄
                        /// </summary>
                        public int Age
                        {
                                get { return _age; }
                                set { _age = value; }
                        }

}
        </script>

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="Server">
                <ContentTemplate>
                        <%= DateTime.Now.ToString()%>
                        <br />
                        <asp:Button ID="Button1" runat="server" Text="Sys.Serialization" OnClick="Button1_Click" />
                </ContentTemplate>
        </asp:UpdatePanel>
        <p>
                <textarea id="TraceConsole" style="width: 500px; height: 100px;"></textarea>
        </p>

<script language="javascript" type="text/javascript">

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
                
                function endRequestHandler(sender, e)
                {
                        var upId = "<%= this.UpdatePanel1.ClientID %>";
                        
                        // 获得服务端注册的DataItem，它是一个JSON字符串
                        var jsonStringServer = e.get_dataItems()[upId];
                        
                        // 反序列化这个JSON字符串，使其成为一个JSON对象
                        var jsonObject = Sys.Serialization.JavaScriptSerializer.deserialize(jsonStringServer)

// 序列化这个JOSN对象，使其成为一个JSON字符串
                        var jsonStringClient = Sys.Serialization.JavaScriptSerializer.serialize(jsonObject);
                        
                        Sys.Debug.trace(jsonStringClient);
                        
                        Sys.Debug.trace(jsonObject.Name + " " + jsonObject.Age);
                        
                        Sys.Debug.trace(Sys.Serialization.JavaScriptSerializer.serialize(jsonObject));
                }

</script>

</asp:Content>

运行结果
单击“Sys.Serialization”按钮
{"Name":"webabcd","Age":27}
webabcd 27
{"Name":"webabcd","Age":27}

OK
[×××]