程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> 輕量級asp.net ajax解決方案詳解

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

編輯:ASP.NET基礎

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

跟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裡輕量級的解決方案

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved