ajax 學習篇 之 用戶端編程

首先申明：本文很多的內容，都是從網上摘抄過來的，主要是為了完善自己為公司做的培訓網站．．

用戶端編程

• 本篇主要講解ajax的用戶端物件導向編程

Sys.Type類

• Type.registerNamespace("命名空間的名稱");
• classInstanceVar.registerClass("類名稱", 基類（可選）, 介面（可選，多個就順序寫下去）);
• typeInstanceVar.registerInterface("介面名稱");
• ANamespace.AnEnum.registerEnum("枚舉名稱");
• typeVar.initializeBase(初始化基類的執行個體（一般是this）, [傳值給基類建構函式的參數]（可選） ); （傳回值為基類的執行個體）
• instanceVar.callBaseMethod(調用基類方法的執行個體（一般是this）, "基類的方法名稱", [傳值給基類方法的參數]（可選）);

程式碼範例

// 註冊一個名為“Demo”的命名空間<br />Type.registerNamespace("Demo");<br />// 定義Demo命名空間下的Message類的建構函式<br />Demo.Message = function(content, publishTime)<br />{<br />//預設以下化線的為private屬性<br />this._content = content;<br />this._publishTime = publishTime;<br />}<br />// 定義Demo命名空間下的Message類的方法<br />Demo.Message.prototype =<br />{<br />get_content: function()<br />{<br />return this._content;<br />},<br />get_publishTime: function()<br />{<br />return this._publishTime.format("yyyy-MM-dd HH:mm:ss");<br />},<br />toString: function() //覆蓋了基類object的方法<br />{<br />return this.get_content() + " " + this.get_publishTime();<br />}<br />}<br />// 在Demo命名空間下註冊Message類(實在搞不懂為什麼要先定義類然後在註冊。。)<br />Demo.Message.registerClass('Demo.Message');<br />// 定義在Demo命名空間下的IContent介面（介面不能有建構函式）<br />Demo.IContent = function()<br />{<br />}<br />// 定義Demo命名空間下的IContent介面的方法<br />Demo.IContent.prototype =<br />{<br />showContent : function()<br />{<br />}<br />}<br />// 在Demo命名空間下註冊IContent介面<br />Demo.IContent.registerInterface('Demo.IContent');<br />// 定義Demo命名空間下的MessageWithUserId類的建構函式<br />// 我們之後要讓這個類繼承自Demo.Message<br />// 在建構函式內用initializeBase調用基類的建構函式<br />Demo.MessageWithUserId = function(userId, content, publishTime)<br />{<br />Demo.MessageWithUserId.initializeBase(this, [content, publishTime]);<br />this._userId = userId;<br />}<br />// 定義Demo命名空間下的MessageWithUserId類的方法<br />Demo.MessageWithUserId.prototype =<br />{<br />get_userId: function()<br />{<br />return this._userId;<br />},<br />showContent: function()<br />{<br />return Demo.MessageWithUserId.callBaseMethod(this, 'get_content')<br />},<br />// callBaseMethod用於調用基類的方法<br />toString: function()<br />{<br />return this.get_userId() + " " + Demo.MessageWithUserId.callBaseMethod(this, 'toString');<br />}<br />}<br />// 在Demo命名空間下註冊MessageWithUserId類<br />// 他繼承自Demo.Message類和Demo.IContent介面<br />Demo.MessageWithUserId.registerClass('Demo.MessageWithUserId', Demo.Message, Demo.IContent);<br />// 定義在Demo命名空間下的Color枚舉（枚舉不能有建構函式）<br />Demo.Color = function()<br />{<br />}<br />// 定義Demo命名空間下的Color枚舉的成員<br />Demo.Color.prototype =<br />{<br />// “0x”代表16進位，eval一下就會變成10進位的整型<br />Red: 0xFF0000,<br />Blue: 0x0000FF,<br />Green: 0x00FF00,<br />White: 0xFFFFFF<br />}<br />// 在Demo命名空間下註冊Color枚舉<br />Demo.Color.registerEnum("Demo.Color");<br />// 只有對非同步回傳才需要向指令檔中的 Sys.Application.notifyScriptLoaded 方法添加調用<br />// 建議在每一個js檔案的結尾處都應該包括如下這句<br />// 通知ScriptManager這段指令碼已經載入完畢<br />if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();<br />

使用介紹

var testMessage = new Demo.Message('hello', d);
alert(testMessage.get_content() + " " + testMessage.get_publishTime());
alert(testMessage);

• 如果如上的javascript定義在一個檔案內，則需要引入該檔案。如果是ScriptManager 控制項，則需要這樣設定:

<Scripts>
  <asp:ScriptReference path="MyScript.js" />
 </Scripts>