溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Ajax在ASP.NET中的實現(xiàn)方式

發(fā)布時間:2021-07-12 15:54:58 來源:億速云 閱讀:154 作者:chen 欄目:編程語言

這篇文章主要講解了“Ajax在ASP.NET中的實現(xiàn)方式”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“Ajax在ASP.NET中的實現(xiàn)方式”吧!

Ajax 應(yīng)該不是一項技術(shù),是一種思想而已,跟ASP.NET 以及其它Web開發(fā)語言沒有什么太大關(guān)系,這里只是談?wù)?ASP.NET 中目前使用的Ajax 技術(shù)以及其它一些實現(xiàn) Ajax 的優(yōu)秀框架。
Ajax已經(jīng)很流行一陣子了,現(xiàn)在談Ajax覺得有點老土。目前所謂的Web2.0 網(wǎng)站,基本上沒有不使用Ajax 的,就如使用RSS一樣,就如同一個標(biāo)簽,貼上去就成了 2.0。Ajax 具體細(xì)節(jié)不談,其目的就是讓用戶觸發(fā)一些操作的時候,頁面不會全部刷新,只刷新待更新的“部分頁面”,加載數(shù)據(jù)的過程中,用 Loading 的圖片來表示正在加載數(shù)據(jù),不只是看起來挺不錯,也提高了用戶的訪問體驗,有一種酷酷的感覺。

至于ASP.NET 中用到的Ajax ,我想大多數(shù)人使用的是Ajax.net / AjaxProfessional 或者ASP.NET 2.0 中帶有的Atlas 框架。因為都用過,我感覺這些都不是很好的Ajax 解決方案。

AjaxPro用起來不是很方便,頁面需要在Page_Load 里面注冊,類似于

以下是引用片段:
private void Page_Load(object sender, System.EventArgs e) 
{ 
AjaxPro.Utility.RegisterTypeForAjax(typeof(DataAccess.MyAjax)); 
}

而且ASPX 頁面要包含一個Runat=Server 的標(biāo)記,這樣Ajax.net 會將用到的一些通用函數(shù)以及你自定義的函數(shù)加載進(jìn)來,如果沒有 其實也可以,手動添加就可以了。但是,在我以前做過的應(yīng)用中,時常出現(xiàn)的一些問題,比如,經(jīng)常發(fā)現(xiàn)瀏覽器狀態(tài)欄會有js 腳本錯誤,而此時你所做的Ajax 效果會全部失效,解決辦法就是,把那個 Ajax.dll /AjaxPro.dll 給重新覆蓋一下就可以了,問題的原因究竟是什么,目前還不知道。

至于Atlas,我對它的感覺其實就跟對DataGrid 的感覺一樣,嗯,這種控件的好用是好用,很方便,但是,真正做一些Web 應(yīng)用的時候,你不得不考慮到性能以及分層等各種問題。我想,在比較正式的Web 應(yīng)用中,沒幾個人去用 DataGrid 去顯示一些數(shù)據(jù)吧,建議大家盡量少用這些控件。另外就是,Atlas 的執(zhí)行效率確實不夠理想,一直在那里 Loading,等了好長時間,竟然出現(xiàn)什么腳本錯誤,汗。

那還有沒有其它解決方案嗎?你可以自己寫些Javascript 函數(shù)去實現(xiàn)。不過,我這里推薦用jQuery 這個Javascript 框架,從百度百科引用一段對其的介紹:

jQuery 是繼prototype之后又一個優(yōu)秀的Javascrīpt 框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。

它是輕量級的js庫(壓縮后只有21k) ,這是其它的js庫所不及的,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。

jQuery是一個快速的,簡潔的javaScript 庫,使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供 AJAX 交互。

jQuery還有一個比較大的優(yōu)勢是,它的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì),同時還有許多成熟的插件可供選擇。

jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離,也就是說,不用再在html 里面插入一堆JS來調(diào)用命令了,只需定義id 即可。

看來這段介紹你會知道,Ajax 效果只是 jQuery 的眾多功能的一種,一般來說,Web 應(yīng)用中使用Ajax,必然也離不開Javascript,而jQuery 正是為大家封裝了一些 JS 函數(shù),使得你不在被JS 的紛繁復(fù)雜所擔(dān)心,一切由jQuery 幫你實現(xiàn)。

看一個小例子,就知道用jQuery 做 Ajax 實在是太方便了。

比如某個 ASPX 或者 HTML 頁面里面有個Button,點擊觸發(fā)Ajax加載數(shù)據(jù),顯示到里面。點擊那個Button 觸發(fā)一個JS函數(shù)即可:

以下是引用片段:
function GetNews() 
{ 
$("#News").html("Loading News......"); 
$.ajax({ 
type:"post", 
url:"/ajax.aspx?act=getnews", 
dataType:"html", 
data:"", 
success:function(result) 
{ 
$("#News").html(result); 
} 
}); 
}

這個函數(shù)就會先在那個 SPAN 里面顯示“Loading News....”,通過異步調(diào)用,訪問 /Ajax.aspx 這個頁面,通過傳遞的 URL 參數(shù) act=News 告訴頁面需要什么類型的數(shù)據(jù),你可以根據(jù)不同的參數(shù),將數(shù)據(jù)通過Ajax.aspx 直接 Write 到頁面上,然后返回給上述 JS 函數(shù),呈現(xiàn)到頁面上,就這樣簡單搞定!

當(dāng)然,jQuery 里面并不是只有這一種Ajax 效果實現(xiàn)方式,這里給出一些jQuery 的資源,花上幾個小時的時間學(xué)一下,很值得:

jQuery 官網(wǎng):http://jquery.com/

jQuery 中文 API 文檔: http://jquery.org.cn/visual/cn/index.xml

jQeury 中文入門教程: http://www.k99k.com/jQuery_getting_started.html

至于其它的Javascript優(yōu)秀框架有很多了,比如Yahoo! User Interface Library,Prototype,Rico,Qooxdoo,Dojo 等,另外還有Ajax 方面一些資源可以參考一下這里收集的資源。

感謝各位的閱讀,以上就是“Ajax在ASP.NET中的實現(xiàn)方式”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對Ajax在ASP.NET中的實現(xiàn)方式這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI