萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> ASP.NET Ajax Library功能簡介
ASP.NET Ajax Library功能簡介
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>
<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開發技術當中也一樣可以使用。
