使用ASP.NET AJAX框架擴展HTML Map控件(2)_.Net教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：ASP.NET調用oracle存儲過程實現快速分頁
《使用 ADO.NET 訪問 Oracle 9i 存儲過程》見下面的介紹（如果對這個不怎么懂的，還是先看看下面文章） http://www.microsoft.com/china/MSDN/library/data/dataAccess/DMSDNorsps.mspx 包

現在，編寫我們的Web方法：

以下為引用的內容：
[WebMethod]
　　[ScriptMethod(UseHttpGet = false, ResponseFormat = ResponseFormat.Json)]
　　public string GetAreaInfo(string area)
　　{
　　return area;
　　}

根據權威人士建議，為了安全起見，我們一般要使用HttpPost(或者HttpGet= false)方式訪問Web方法。然后，我們把返回的數據格式配置為JSON格式(默認方式即為JSON方式)。

為了簡化起見，這里的GetAreaInfo方法僅僅返回輸入參數的相同值;但在實際開發中，我們應該在此替換以從數據庫中檢索數據。

到目前為止，我們已經成功創建從客戶端以AJAX方式加以調用的Web服務。

但是，我們還要對頁面中的服務器控件ScriptManager進行一些適當的配置，如下所示：

以下為引用的內容：
<asp:ScriptManager ID="ScriptManager1" runat="server">
<services>
<asp:servicereference path="~/LocationService.asmx" />
</services>
</asp:ScriptManager>

在此，我們僅在節點下加入了一個服務參考，但其作用如何呢?

從生成的HTML源碼分析，上面的配置將生成如下所示內容：

以下為引用的內容：
<script src="LocationService.asmx/jsdebug" type="text/javascript"></script>

這里的腳本標簽引用了一個JavaScript文件LocationService.asmx/jsdebug。其實這是一個Web服務代理類。正是通過此代理類，我們才得以從客戶端以異步方式調用服務器端的Web服務。

更有意思的是，如果你簡單地復制顯示在上面的路徑到瀏覽器中，你將看到一個在運行時刻由AJAX環境生成的JavaScript文件—此文件使腳本服務調用可用。有關代理類，我們不再深入討論。

下面，我們來看如何創建一個定制的客戶端類。

四、創建客戶端定制類

我們知道ASP.NET AJAX框架的重大“發明”之一就是，它引入了面向對象的JavaScript編程模型。現在，借助于JavaScript設計模式，我們可以輕松地創建自己的模板或類，加入繼承概念，創建接口與枚舉等。

在本文中，我們將開發一個封裝所有本示例中要求功能的客戶端類。

現在，右擊工程，并新添加一個名為ImageMap的JavaScript文件。在此文件中，我們將定義一個新的命名空間MyServices;這個命名空間將包含我們要開發的客戶端類。如下所示：

以下為引用的內容：
Type.registerNamespace("MyServices");

　　接下來，我們定義要創建的客戶端類的構造函數：

MyServices.Location = function (uiElement, uiBody) {
MyServices.Location.initializeBase(this);
this._uiElement = uiElement;
this._uiBody = uiBody;
this._xAxis = 0;
this._yAxis = 0;
}

一個模板或類的構造函數也只不過是一個普通的JavaScript函數。該構造器共有兩個參數：uiElement和uiBody。

分享：復雜ASP.NET服務器控件調整小技巧
在創建或修改布局復雜ASP.NET服務器端控件時，大量的時間都是在編譯，等待JIT，修改，編譯，JIT... 這樣一個循環中，而且兩個編譯常常還很耗費時間。特別地，當控件已集成在頁面之中后，在出現