作者:Dflying Chen( http://dflying.cnblogs.com/ )
前面一系列的文章都是直接呼叫單獨的一個Web Service,而在實際專案開發中,特別是在對現有的專案轉換中,把頁面中的邏輯再提取到專門的Web Service中往往會帶來相當多的工作。 Atlas充分考慮到了這一點,允許您將伺服器端的public方法加上[WebMethod]屬性以允許客戶端JavaScript的直接呼叫。
想要允許客戶端直接呼叫定義在ASPX頁面中的方法,您需要指定該方法為public,並且新增[WebMethod]屬性,例如如下定義在ASPX檔案中的伺服器端方法:
在客戶端,Atlas將為您Mashup出一個AddInt的JavaScript方法,存在於一個特殊的命名空間PageMethods中,這樣您就可以透過PageMethods.AddInt()呼叫上面的方法了。
同時,將WebMethod定義到ASPX頁面中,您還可以在該方法中存取一切頁面上的伺服器端控制項的值和ViewState,並且整個頁面的生存週期將和傳統的ASP.NET頁面PostBack一樣,諸如Page_Load等方法都會被調用,可以讓我們對頁面有更強的存取能力。不過這樣也帶來了效能上的折扣,因為每次呼叫Web Method的時候都會把頁面上的ViewState和控制項的值傳回給伺服器,並且伺服器端處理整個頁面的生存週期將要比起僅僅處理一個純粹的定義在ASMX中的Web Method要複雜的多。所以這裡我推薦盡可能的使用純粹的Web Service,請參考:在Atlas伺服器端實作中推薦使用Web Service而不是Page Method。
下面來看一個實例,首先來定義在ASPX中的WebMethod,可以看到這裡不單單求兩個數的和,還訪問了一個頁面上的伺服器端TextBox的值:
然後是頁面的ScriptManager,這裡無需添加任何引用了:
然後兩個用來輸入加數的input以及用來觸發伺服器呼叫的input:
還有一個伺服器端 TextBox:
最後是JavaScript調用,注意PageMethods這個內建的命名空間:
function btnAdd_onclick() {
PageMethods.AddInt(
$('value1').value,
$('value2').value,
OnComplete
);
}
function OnComplete(result)
{
alert(result);
}
瀏覽器中運行,輸入兩個加數,然後在Server端的TextBox中輸入一些字符,點擊Add,可以看到Server端的TextBox的值卻是被訪問到了:
這是Fiddler截獲的網路傳輸,可以看到ViewState和TextBox都傳回了Server:
該實例程式的原始程式碼可以在此下載: