輕量級asp.net ajax解決方案詳解

本文實例講述了輕量級asp.net ajax解決方案。分享給大家供大家參考，具體如下：

跟shotdog老師研究探討了下asp.net里，除官方龐大asp.net ajax之外的ajax解決方案。我們想法是以不同的服務(wù)器端方式輸出，然后在頁面使用jQuery的ajax實現(xiàn)調(diào)用服務(wù)器端幾個解決方案：

1、使用一般的webform，在頁面用jQuery ajax調(diào)用，再從取得的html數(shù)據(jù)中取得body>內(nèi)的內(nèi)容，寫入DOM

優(yōu)點：不用改變現(xiàn)有的asp.net開發(fā)模式，可以使用現(xiàn)成的頁面；ajax取得的內(nèi)容是html文本，直接寫入DOM即可

缺點：內(nèi)容浪費，body>之外的內(nèi)容都不是必要的，而且如果使用了MasterPage那就。。。

2、使用一般的webform，但是用Response.Write()控制輸出html，在頁面用jQuery ajax調(diào)用，將獲取的內(nèi)容寫入DOM

優(yōu)點：內(nèi)容干凈，不浪費；ajax取得的內(nèi)容是html文本，可以直接寫入DOM

缺點：需要在服務(wù)器端以字符串形式構(gòu)造html文本，編程不方便，不容易調(diào)試和維護(hù)

3、使用一般的webform，用Response.Write()控制輸出json數(shù)據(jù)，在頁面用jQuery ajax調(diào)用，將json數(shù)據(jù)在客戶端加工成html后寫入DOM

優(yōu)點：僅僅交換json數(shù)據(jù)，極干凈，符合高效的web設(shè)計理念

缺點：需要在客戶端加工json數(shù)據(jù)，并且對DOM造成入侵

4、使用asmx，封裝成web service，用jQuery ajax調(diào)用asmx的內(nèi)容，將json或者xml數(shù)據(jù)在客戶端加工成html后寫入DOM

優(yōu)點：僅僅交換json或/xml數(shù)據(jù)，非常干凈；web service易于跨平臺

缺點：需要在客戶端加工json數(shù)據(jù)，并且對DOM造成入侵

5、使用自定義控件ascx，然后使用專門的webform頁面做wrapper（包裝）在頁面用jQuery ajax調(diào)用wrapper webform，將html數(shù)據(jù)寫入DOM

優(yōu)點：webform僅僅用作wrapper，根據(jù)不同的請求參數(shù)可以在wrapper中動態(tài)使用自定義控件；自定義控件輸出的是html文本，可以直接寫入DOM；編程方便，有VS2008代碼感知支持，易于調(diào)試和維護(hù)

缺點：跟傳統(tǒng)的webform編程理念不一樣，弱化了webform的作用

以上就是討論的幾種可行的方案——不管是asp.net webform方式還是asp.net MVC方式，都是可行的。

昨天晚上又發(fā)現(xiàn)一種方案：使用ashx+jQuery .ashx是一個專門的用于處理HttpHandler的文件類型，用來處理自定義Http請求，可以在web.config定義運行時針對ashx的Http請求處理方式。

這樣我們就可以用SimpleHandlerFactory來處理ashx的http請求了。在ashx的類中實現(xiàn)IRequiresSessionState接口，using下System.Web.SessionState就可以使用Session了，很方便

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

實例：使用ashx+jQuery實現(xiàn)Email存在的驗證

.ashx文件

%@ WebHandler Language="C#" Class="CheckUser" %>
using System;
using System.Web;
public class CheckUser : IHttpHandler
{
  public void ProcessRequest (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處理內(nèi)容，webform做包裝所以ashx+jQuery應(yīng)該算是是一個asp.net里輕量級的解決方案

希望本文所述對大家asp.net程序設(shè)計有所幫助。