輕量級(jí)asp.net ajax解決方案詳解
本文實(shí)例講述了輕量級(jí)asp.net ajax解決方案。分享給大家供大家參考,具體如下:
跟shotdog老師研究探討了下asp.net里,除官方龐大asp.net ajax之外的ajax解決方案。我們想法是以不同的服務(wù)器端方式輸出,然后在頁(yè)面使用jQuery的ajax實(shí)現(xiàn)調(diào)用服務(wù)器端幾個(gè)解決方案:
1、使用一般的webform,在頁(yè)面用jQuery ajax調(diào)用,再?gòu)娜〉玫膆tml數(shù)據(jù)中取得<body>內(nèi)的內(nèi)容,寫入DOM
優(yōu)點(diǎn):不用改變現(xiàn)有的asp.net開(kāi)發(fā)模式,可以使用現(xiàn)成的頁(yè)面;ajax取得的內(nèi)容是html文本,直接寫入DOM即可
缺點(diǎn):內(nèi)容浪費(fèi),<body>之外的內(nèi)容都不是必要的,而且如果使用了MasterPage那就。。。
2、使用一般的webform,但是用Response.Write()控制輸出html,在頁(yè)面用jQuery ajax調(diào)用,將獲取的內(nèi)容寫入DOM
優(yōu)點(diǎn):內(nèi)容干凈,不浪費(fèi);ajax取得的內(nèi)容是html文本,可以直接寫入DOM
缺點(diǎn):需要在服務(wù)器端以字符串形式構(gòu)造html文本,編程不方便,不容易調(diào)試和維護(hù)
3、使用一般的webform,用Response.Write()控制輸出json數(shù)據(jù),在頁(yè)面用jQuery ajax調(diào)用,將json數(shù)據(jù)在客戶端加工成html后寫入DOM
優(yōu)點(diǎn):僅僅交換json數(shù)據(jù),極干凈,符合高效的web設(shè)計(jì)理念
缺點(diǎn):需要在客戶端加工json數(shù)據(jù),并且對(duì)DOM造成入侵
4、使用asmx,封裝成web service,用jQuery ajax調(diào)用asmx的內(nèi)容,將json或者xml數(shù)據(jù)在客戶端加工成html后寫入DOM
優(yōu)點(diǎn):僅僅交換json或/xml數(shù)據(jù),非常干凈;web service易于跨平臺(tái)
缺點(diǎn):需要在客戶端加工json數(shù)據(jù),并且對(duì)DOM造成入侵
5、使用自定義控件ascx,然后使用專門的webform頁(yè)面做wrapper(包裝)在頁(yè)面用jQuery ajax調(diào)用wrapper webform,將html數(shù)據(jù)寫入DOM
優(yōu)點(diǎn):webform僅僅用作wrapper,根據(jù)不同的請(qǐng)求參數(shù)可以在wrapper中動(dòng)態(tài)使用自定義控件;自定義控件輸出的是html文本,可以直接寫入DOM;編程方便,有VS2008代碼感知支持,易于調(diào)試和維護(hù)
缺點(diǎn):跟傳統(tǒng)的webform編程理念不一樣,弱化了webform的作用
以上就是討論的幾種可行的方案——不管是asp.net webform方式還是asp.net MVC方式,都是可行的。
昨天晚上又發(fā)現(xiàn)一種方案:使用ashx+jQuery .ashx是一個(gè)專門的用于處理HttpHandler的文件類型,用來(lái)處理自定義Http請(qǐng)求,可以在web.config定義運(yùn)行時(shí)針對(duì)ashx的Http請(qǐng)求處理方式。
這樣我們就可以用SimpleHandlerFactory來(lái)處理ashx的http請(qǐng)求了。在ashx的類中實(shí)現(xiàn)IRequiresSessionState接口,using下System.Web.SessionState就可以使用Session了,很方便
using System.Web.SessionState; public class checkCookie : IHttpHandler ,IRequiresSessionState { ... // todo somthing }
實(shí)例:使用ashx+jQuery實(shí)現(xiàn)Email存在的驗(yàn)證
.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的,顯然效率會(huì)比較高。不過(guò)simple的就只能夠做點(diǎn)simple的事情。如果要輸出html,還是不太方便。如果要輸出html的話,我還是比較傾向于用ascx處理內(nèi)容,webform做包裝所以ashx+jQuery應(yīng)該算是是一個(gè)asp.net里輕量級(jí)的解決方案
希望本文所述對(duì)大家asp.net程序設(shè)計(jì)有所幫助。
- jQuery Ajax 實(shí)例詳解 ($.ajax、$.post、$.get)
- JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
- jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
- jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證實(shí)例詳解
- 實(shí)例詳解jQuery Mockjax 插件模擬 Ajax 請(qǐng)求
- 詳解JavaScript for循環(huán)中發(fā)送AJAX請(qǐng)求問(wèn)題
- PHP+Ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)實(shí)例詳解(附demo源碼下載)
- 詳解原生JavaScript實(shí)現(xiàn)jQuery中AJAX處理的方法
- jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)
- Ajax基礎(chǔ)詳解教程(一)
- Ajax基礎(chǔ)詳解教程(二)
相關(guān)文章
一步步打造簡(jiǎn)單的MVC電商網(wǎng)站BooksStore(3)
這篇文章主要和大家一起一步步打造一個(gè)簡(jiǎn)單的MVC電商網(wǎng)站,MVC電商網(wǎng)站BooksStore第三篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04ASP.NET MVC 3仿Server.Transfer效果的實(shí)現(xiàn)方法
這篇文章主要介紹了ASP.NET MVC 3仿Server.Transfer效果的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-10-10ASP.NET MVC如何使用Unity實(shí)現(xiàn)Ioc詳解
這篇文章主要給大家介紹了關(guān)于ASP.NET MVC如何使用Unity實(shí)現(xiàn)Ioc的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07.Net Core中自定義認(rèn)證實(shí)現(xiàn)
本文主要介紹了.Net Core中自定義認(rèn)證實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01ASP.NET中實(shí)現(xiàn)定制自己的委托和事件參數(shù)類
這篇文章主要介紹了ASP.NET中實(shí)現(xiàn)定制自己的委托和事件參數(shù)類,需要的朋友可以參考下2014-08-08