程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> ASP.NET Ajax Library功能簡介

ASP.NET Ajax Library功能簡介

編輯：關於ASP.NET

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>
    
    <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>
    
    <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開發技術當中也一樣可以使用。