ashx+jQuery,一個輕量級的asp.net ajax解決方案

跟shotdog老師研究探討了下asp.net裏,除官方龐大asp.net ajax以外的ajax解決方案。咱們想法是以不一樣的服務器端方式輸出,而後在頁面使用jQuery的ajax實現調用服務器端幾個解決方案:
  • 使用通常的webform,在頁面用jQuery ajax調用,再從取得的html數據中取得<body>內的內容,寫入DOM
    • 優勢:不用改變現有的asp.net開發模式,可使用現成的頁面;ajax取得的內容是html文本,直接寫入DOM便可
    • 缺點:內容浪費,<body>以外的內容都不是必要的,並且若是使用了MasterPage那就。。。
  • 使用通常的webform,可是用Response.Write()控制輸出html,在頁面用jQuery ajax調用,將獲取的內容寫入DOM
    • 優勢:內容乾淨,不浪費;ajax取得的內容是html文本,能夠直接寫入DOM
    • 缺點:須要在服務器端以字符串形式構造html文本,編程不方便,不容易調試和維護
  • 使用通常的webform,用Response.Write()控制輸出json數據,在頁面用jQuery ajax調用,將json數據在客戶端加工成html後寫入DOM
    • 優勢:僅僅交換json數據,極乾淨,符合高效的web設計理念
    • 缺點:須要在客戶端加工json數據,而且對DOM形成***
  • 使用asmx,封裝成web service,用jQuery ajax調用asmx的內容,將json或者xml數據在客戶端加工成html後寫入DOM
    • 優勢:僅僅交換json或/xml數據,很是乾淨;web service易於跨平臺
    • 缺點:須要在客戶端加工json數據,而且對DOM形成***
  • 使用自定義控件ascx,而後使用專門的webform頁面作wrapper(包裝)在頁面用jQuery ajax調用wrapper webform,將html數據寫入DOM
    • 優勢:webform僅僅用做wrapper,根據不一樣的請求參數能夠在wrapper中動態使用自定義控件;自定義控件輸出的是html文本,能夠直接寫入DOM;編程方便,有VS2008代碼感知支持,易於調試和維護
    • 缺點:跟傳統的webform編程理念不同,弱化了webform的做用

以上就是討論的幾種可行的方案——無論是asp.net webform方式仍是asp.net MVC方式,都是可行的。

昨天晚上又發現一種方案:使用ashx+jQuery .ashx是一個專門的用於處理HttpHandler的文件類型,用來處理自定義Http請求,能夠在web.config定義運行時針對ashx的Http請求處理方式。

< add verb ="*" path ="*.ashx" type ="System.Web.UI.SimpleHandlerFactory" validate ="false" />

這樣咱們就能夠用SimpleHandlerFactory來處理ashx的http請求了。在ashx的類中實現IRequiresSessionState接口,using下System.Web.SessionState就可使用Session了,很方便

using System.Web.SessionState;        
public class checkCookie : IHttpHandler ,IRequiresSessionState
{
    ...     // todo somthing
}

實例:使用ashx+jQuery實現Email存在的驗證

.ashx文件

<%@ WebHandler Language= "C#" Class= "CheckUser" %>

using System;
using System.Web;


public class CheckUser : IHttpHandler {

         public void Proce***equest (HttpContext context) {
                context.Response.ContentType = "text/plain";
                context.Response.Write(UserRule.GetInstance().IsUserExist(context.Request[ "Email"]));
        }

         public bool IsReusable {
                get {
                         return false;
                }
        }
}

html:

     < input type ="text" id ="email" />
     < input type ="button" value ="test" onclick ="check_email()" />

js:

function check_email() {
         var email = $( "#email").attr( "value");
        $.get( "../ajax/checkuser.ashx",
        { Email: email },
         function(data) {
                window.alert(data);
        });
}

simple的,顯然效率會比較高。不過simple的就只可以作點simple的事情。若是要輸出html,仍是不太方便。若是要輸出html的話,我仍是比較傾向於用ascx處理內容,webform作包裝因此ashx+jQuery應該算是是一個asp.net裏輕量級的解決方案

原文: http://blog.csdn.net/allentranks/archive/2009/01/04/3697443.aspx
相關文章
相關標籤/搜索