作者:dflying chen(http://dflying.cnblogs.com/)
前面的一系列的文章都是直接調用單獨的一個web service,而在實際項目開發中,特別是在對現有的項目轉換中,把頁面中的邏輯再提取到專門的web service中往往會帶來相當多的工作。atlas充分考慮到了這一點,允許您將服務器端的public方法加上[webmethod]屬性以允許客戶端javascript的直接調用。
想允許客戶端直接調用定義在aspx頁面中的方法,您需要指定該方法為public,并且添加[webmethod]屬性,例如如下定義在aspx文件中的服務器端方法:
<script runat="server">
[webmethod]
public int addint(int int1, int int2)
{
return int1 + int2;
}
</script>
在客戶端,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的值:
<script runat="server">
[webmethod]
public string addint(int int1, int int2)
{
return (int1 + int2).tostring() + string.format("/r/nand the server textbox's text is '{0}'.", tbserver.text);
}
</script>
然后是頁面的scriptmanager,這里無需添加任何引用了: <atlas:scriptmanager id="scriptmanager" runat="server" />
然后兩個用來輸入加數的input以及用來觸發服務器調用的input:
<input id="value1" type="text" value="1" />
<input id="value2" type="text" value="2" />
<input id="btnadd" type="button" value="add!" />
還有一個服務器端textbox:
<asp:textbox id="tbserver" runat="server" text="server control"></asp: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:
新聞熱點
疑難解答
圖片精選