本文實例講述了輕量級asp.net ajax解決方案。分享給大家供大家參考,具體如下:
跟shotdog老師研究探討了下asp.net里,除官方龐大asp.net ajax之外的ajax解決方案。我們想法是以不同的服務器端方式輸出,然后在頁面使用jQuery的ajax實現(xiàn)調用服務器端幾個解決方案:
1、使用一般的webform,在頁面用jQuery ajax調用,再從取得的html數(shù)據(jù)中取得body>內的內容,寫入DOM
優(yōu)點:不用改變現(xiàn)有的asp.net開發(fā)模式,可以使用現(xiàn)成的頁面;ajax取得的內容是html文本,直接寫入DOM即可
缺點:內容浪費,body>之外的內容都不是必要的,而且如果使用了MasterPage那就。。。
2、使用一般的webform,但是用Response.Write()控制輸出html,在頁面用jQuery ajax調用,將獲取的內容寫入DOM
優(yōu)點:內容干凈,不浪費;ajax取得的內容是html文本,可以直接寫入DOM
缺點:需要在服務器端以字符串形式構造html文本,編程不方便,不容易調試和維護
3、使用一般的webform,用Response.Write()控制輸出json數(shù)據(jù),在頁面用jQuery ajax調用,將json數(shù)據(jù)在客戶端加工成html后寫入DOM
優(yōu)點:僅僅交換json數(shù)據(jù),極干凈,符合高效的web設計理念
缺點:需要在客戶端加工json數(shù)據(jù),并且對DOM造成入侵
4、使用asmx,封裝成web service,用jQuery ajax調用asmx的內容,將json或者xml數(shù)據(jù)在客戶端加工成html后寫入DOM
優(yōu)點:僅僅交換json或/xml數(shù)據(jù),非常干凈;web service易于跨平臺
缺點:需要在客戶端加工json數(shù)據(jù),并且對DOM造成入侵
5、使用自定義控件ascx,然后使用專門的webform頁面做wrapper(包裝)在頁面用jQuery ajax調用wrapper webform,將html數(shù)據(jù)寫入DOM
優(yōu)點:webform僅僅用作wrapper,根據(jù)不同的請求參數(shù)可以在wrapper中動態(tài)使用自定義控件;自定義控件輸出的是html文本,可以直接寫入DOM;編程方便,有VS2008代碼感知支持,易于調試和維護
缺點:跟傳統(tǒng)的webform編程理念不一樣,弱化了webform的作用
以上就是討論的幾種可行的方案——不管是asp.net webform方式還是asp.net MVC方式,都是可行的。
昨天晚上又發(fā)現(xiàn)一種方案:使用ashx+jQuery .ashx是一個專門的用于處理HttpHandler的文件類型,用來處理自定義Http請求,可以在web.config定義運行時針對ashx的Http請求處理方式。
復制代碼 代碼如下:
add verb="*" path="*.ashx" type="System.Web.UI.SimpleHandlerFactory"validate="false" />
這樣我們就可以用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處理內容,webform做包裝所以ashx+jQuery應該算是是一個asp.net里輕量級的解決方案
希望本文所述對大家asp.net程序設計有所幫助。
您可能感興趣的文章:- jQuery Ajax 實例詳解 ($.ajax、$.post、$.get)
- JQuery.Ajax()的data參數(shù)類型實例詳解
- jquery+ajax實現(xiàn)注冊實時驗證實例詳解
- jQuery使用$.ajax進行即時驗證實例詳解
- 實例詳解jQuery Mockjax 插件模擬 Ajax 請求
- 詳解JavaScript for循環(huán)中發(fā)送AJAX請求問題
- PHP+Ajax實現(xiàn)無刷新分頁實例詳解(附demo源碼下載)
- 詳解原生JavaScript實現(xiàn)jQuery中AJAX處理的方法
- jquery ajax局部加載方法詳解(實現(xiàn)代碼)
- Ajax基礎詳解教程(一)
- Ajax基礎詳解教程(二)