2010年4月12日 星期一

即將推出的ASP.NET Ajax Library...

有很久一段時間我的BLOG上沒有出現AJAX相關訊息了,主要當然是因為絕大部分的重心都放到了Silverlight身上(可預期的未來應該也會是如此)。

但由於工作上的需要,最近還是回頭看了一下即將推出的ASP.NET Ajax Library...,順便google了一下網路上的訊息,看這個態勢我猜想應該不少ASP.NET開發人員忽略掉了這個其實已經beta很久即將隨著VS2010推出的JavaScript Library,當然,也可能是因為您已經在使用jQuery了。

不過仔細看看ASP.NET Ajax Library當中還是有不少精彩的功能,同時現在微軟針對AJAX JavaScript Library也提供了CDN(content delivery network)服務,讓您可以直接在頁面上引用位於微軟的javaScript檔案,而不再需要把檔案放在自己的專案中。

後面如果時間允許,我也會陸續介紹ASP.NET Ajax Library中的一些功能,以及和jQuery的整合方式。首先來看ASP.NET Ajax Library中Client Controls的使用(底下的範例是浮水印的TextBox):
<head>
<title>Untitled Page</title>
<style type="text/css">
.wm {
color:Gray
}
</style>
<!--從CDN引用js-->
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0911/Start.debug.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0911/extended/ExtendedControls.debug.js" type="text/javascript"></script>
<script type="text/javascript">
//建立watermark
Sys.require(Sys.components.watermark, function() {
$("#TextBoxName").watermark("<請輸入您的姓名>", "wm");
});
</script>
</head>
<body>
<input type="text" id="TextBoxName" size="50" /> //實際的TextBox
</body>
請注意上面這段指令碼是HTML Code, 沒有一丁點的ASP.NET Server Code, 單純只是透過ASP.NET Ajax Library與JavaScript來呈現出浮水印的TextBox(其中還用到了一點點jQuery語法,最後呈現出的結果是:


回頭看前面的HTML與JavaScript Code,這中間有相當多的新技術,包含AJAX Script Loader, ASP.NET Ajax Library中的Client Controls如果您暫時不打算進入Silverlight豐富的世界卻又希望能夠在HTML頁面上呈現出較優質的效果,那即將配合VS2010推出的ASP.NET Ajax Library是一個不錯的選擇。

由於ASP.NET Ajax Library現在已經是開放原始碼的跨瀏覽器平台JavaScript函式庫專案,因此可以想見的,你在ASP, PHP或是其它的Pure Web Application開發技術當中也一樣可以使用,在微軟ASP.NET Ajax Library的官網上有更多詳細的介紹內容:
http://www.asp.net/ajaxlibrary/learn.ashx
後面我也會盡可能提供一些具體的應用介紹。

沒有留言: