一個輕量級的asp.net ajax解決方案

來源:互聯網
上載者:User

跟shotdog老師研究探討了下asp.net裡,除官方龐大asp.net ajax之外的ajax解決方案。我們想法是以不同的伺服器端方式輸出,然後在頁面使用jQuery的ajax實現調用伺服器端幾個解決方案: 


1、使用一般的webform,在頁面用jQuery ajax調用,再從取得的html資料中取得<body>內的內容,寫入DOM 

優點:不用改變現有的asp.net開發模式,可以使用現成的頁面;ajax取得的內容是html文本,直接寫入DOM即可 
缺點:內容浪費,<body>之外的內容都不是必要的,而且如果使用了MasterPage那就。。。 

2、使用一般的webform,但是用Response.Write()控制輸出html,在頁面用jQuery ajax調用,將擷取的內容寫入DOM 

優點:內容乾淨,不浪費;ajax取得的內容是html文本,可以直接寫入DOM 
缺點:需要在伺服器端以字串形式構造html文本,編程不方便,不容易調試和維護 

3、使用一般的webform,用Response.Write()控制輸出json資料,在頁面用jQuery ajax調用,將json資料在用戶端加工成html後寫入DOM 

優點:僅僅交換json資料,極乾淨,符合高效的web設計理念 
缺點:需要在用戶端加工json資料,並且對DOM造成入侵 

4、使用asmx,封裝成web service,用jQuery ajax調用asmx的內容,將json或者xml資料在用戶端加工成html後寫入DOM 
優點:僅僅交換json或/xml資料,非常乾淨;web service易於跨平台 
缺點:需要在用戶端加工json資料,並且對DOM造成入侵 

5、使用自訂控制項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 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處理內容,webform做封裝所以ashx+jQuery應該算是是一個asp.net裡輕量級的解決方案

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.