哭佛林

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
1-2.ASP.NET AJAX异步通信层
1.建立服务器对象：Employee.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace AspNetAjaxOverview
{
    /// <summary>
    /// Summary description for Employee
    /// </summary>
    public class Employee
    {
        private string _FirstName;
        private string _LastName;
        private string _Title;

        public Employee() { }

        public Employee(string firstName, string lastName, string title)
        {
            this._FirstName = firstName;
            this._LastName = lastName;
            this._Title = title;
        }

        public string FirstName
        {
            get
            {
                return this._FirstName;
            }
        }

        public string LastName
        {
            get
            {
                return this._LastName;
            }
        }

        public string Title
        {
            get
            {
                return this._Title;
            }
        }
    }
}

 

2.建立获取Employee对象的GeneralHandler:GetEmployee.ashx

<%@ WebHandler Language="C#" Class="AspNetAjaxOverview.GetEmployee" %>

using System;
using System.Web;
using System.Web.Script.Serialization;

namespace AspNetAjaxOverview
{
    public class GetEmployee : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            
            string firstName = context.Request.Params["firstName"];
            string lastName = context.Request.Params["lastName"];
            string title = context.Request.Params["title"];
            Employee employee = new Employee(firstName, lastName, title);
            
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            string jsonEmp = serializer.Serialize(employee);
            
            context.Response.Write(jsonEmp);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

    }
}

3.客户端异步调用代码：

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        
        <script language="javascript" type="text/javascript">
            function showEmployee(firstName, lastName, title)
            {
                var request = new Sys.Net.WebRequest();
                request.set_url('GetEmployee.ashx');
                request.set_httpVerb("POST");
                request.add_completed(onGetEmployeeComplete);
                
                var requestBody = String.format(
                    "firstName={0}&lastName={1}&title={2}",
                    encodeURIComponent(firstName),
                    encodeURIComponent(lastName),
                    encodeURIComponent(title));
                request.set_body(requestBody);
                
                request.invoke();
            }
            
            function onGetEmployeeComplete(response)
            {
                if (response.get_responseAvailable())
                {
                    var employee = response.get_object();
                    alert(String.format(
                        "Hello I'm {0} {1}, my title is '{2}'",
                        employee.FirstName,
                        employee.LastName,
                        employee.Title));
                }
            }
        </script>
        
        <input type="button" value="Bill Gates"
            onclick="showEmployee('Bill', 'Gates', 'Chair man')" />
        <input type="button" value="Steve Ballmer"
            onclick="showEmployee('Steve', 'Ballmer', 'CEO')" />
    </form>
</body>


 

posted on 2008-03-10 16:09  哭佛林<Kufolin>  阅读(267)  评论(0)    收藏  举报