ASP.NET AJAX(Atlas)和Anthem.NET——管中窺豹般小小比較

weixin_33896726發表於2015-12-02
ASP.NET

Anthem.NET近日有朋友和我提到Anthem.NET這個同樣基於ASP.NET的Ajax框架，今天有機會親自嘗試了一下。初步的感覺似乎和ASP.NET AJAX不相上下，甚至某些地方要強於ASP.NET AJAX。當然，半個小時的嘗試不能算作什麼，這篇文章的很多比較結論可能只是因為我的“無知”造成的，取名“管中窺豹”，其意正在如此。

Anthem.NET的主頁在這裡，提供了下載檔案以及大量的示例程式。同時，部落格園的木野狐兄弟也寫了一些很好的關於Anthem.NET的文章，值得我們學習（希望木野狐兄弟再接再厲啊！）。

本文將分別用ASP.NET AJAX和Anthem.NET實現一個最最最最簡單的Ajax應用，即：頁面中一個Button一個Label，點選Button將在伺服器端設定Label中的Text，當然，這一切都是以Ajax非同步回送的方式進行的。並比較這兩種實現方式的編寫程式碼、生成客戶端指令碼大小、執行效率等。

 

ASP.NET AJAX程式程式碼

我想，對於ASP.NET AJAX這部分內容，大家已經非常熟悉了：ScriptManager和UpdatePanel而已：

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
    <asp:Button ID="btnSetText" runat="server" Text="Set Text" OnClick="btnSetText_Click" />
    <asp:UpdatePanel ID="up1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnSetText" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            <asp:Label ID="lbText" runat="server" />
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

伺服器端的處理函式也很簡單：

protected void btnSetText_Click(object sender, EventArgs e)
{
    lbText.Text = "This text is set on server side.";
}

大功告成！

 

Anthem.NET程式程式碼

將Anthem.dll拷貝到Web Site的bin資料夾下，然後在web.config的<configuration>\ <system.web>\ <pages>\ <controls>中新增如下一行，註冊Anthem.NET控制元件：

<add tagPrefix="anthem" namespace="Anthem" assembly="Anthem"/>

Anthem.NET頁面不用新增ScriptManager，而是提供了一套自己就帶有Ajax功能的、繼承於現有ASP.NET控制元件的伺服器端控制元件。根據上面在web.config檔案中的註冊，這部分控制元件的字首為anthem。

Anthem.NET程式的頁面顯得非常簡單：

<div>
    <anthem:Button ID="btnSetText" runat="server" Text="Set Text" OnClick="btnSetText_Click" />
    <anthem:Label ID="lbText" runat="server" />
</div>

伺服器端的處理函式比ASP.NET AJAX的多出一行，明確指出需要更新Label中的內容（這一句其實與ASP.NET AJAX的UpdatePanel有著異曲同工之妙）：

protected void btnSetText_Click(object sender, EventArgs e)
{
    lbText.Text = "This text is set on server side.";
    lbText.UpdateAfterCallBack = true;
}

似乎更加簡單！

 

執行結果

兩個示例程式執行結果完全一致：點選按鈕將執行一次非同步回送，然後Label中將顯示出伺服器端設定的文字。

 

ASP.NET AJAX和Anthem.NET實現方式的比較

一樣的功能，但是卻有比較：

 

結論

瞭解還不夠深入，結論先不下了……上面的資料似乎可以說明一些問題，所謂滴水藏海啊！ 

 

出處：http://www.cnblogs.com/dflying/archive/2006/11/22/568752.html

相關文章