Ajax.NET Pro 簡單例子和注意

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

★後台代碼如下：
-----------------------------------------------------------------------------------------------------------

1public partial class AjaxPro_example_Default : System.Web.UI.Page
2{
3
4    protected void Page_Load(object sender, EventArgs e)
5    {
6        AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxPro_example_Default));//必須保證每次回傳時都執行此註冊語句
7    }
8
9    [AjaxPro.AjaxMethod]
10    public DateTime GetServerTime()
11    {
12        return DateTime.Now;
13    }
14}

★前台代碼如下：當頁面載入後，間隔一秒從伺服器上取得時間並顯示在aspx頁面上的divMsg中
----------------------------------------------------------------------------------------------------

1<head runat="server">
2    <title>無標題頁</title>
3<script type="text/javascript">
4function getServerTime()
5{
6  //AjaxPro_example_Default.GetServerTime(getServerTime_callback);  // asynchronous call 注釋掉：樣本中的原代碼
7
8  window.setInterval("AjaxPro_example_Default.GetServerTime(getServerTime_callback)",1000);//每隔一秒調用一次
9}
10
11// 回呼函數
12function getServerTime_callback(res)
13{
14    //alert(res.value);//注釋掉：樣本中的原代碼
15    document.getElementById("divMsg").innerText=res.value;//將時間值填充到div中呈現
16}
17
18window.onload=getServerTime;//頁面載入時執行
19
20</script>
21</head>
22<body >
23    <form id="form1" runat="server">
24    <div  id="divMsg" style="width: 100px; height: 100px">
25        </div>
26    </form>
27</body>
28</html>

★值得注意的幾個要點：
----------------------------------------------------------------------------------------------------
1.必須在Web應用程式的根目錄下的Web.config檔案的<system.web>結點內中添加：
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
</httpHandlers>

2. 服務端必須在Page_Load中註冊包含調用方法的類，並且必須保證頁面每次回傳時都執行註冊語句。
  即不能寫成：
   if(!IsPostBack)
   {  //註冊語句不能寫在此處，否則頁面回傳後，用戶端將無法訪問到AjaxPro_example_Default類
      AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxPro_example_Default));
   }

3. 服務端只有用[AjaxPro.AjaxMethod]標記過的方法，才能被用戶端調用

4. 用戶端頁面上必須有<form runat="server">標記，否則不能訪問在服務端登入的類

★遺憾之處：
----------------------------------------------------------------------------------------------------
不能跨頁面調用，只能在與後代cs相關聯的前台頁面上訪問註冊過的類或方法，要是可以在一處（如global檔案中）註冊所有需要在前台訪問的對象，而前台不論是哪個位置的html或aspx頁面都可以訪問到註冊過的對象，那將是更加的方便靈活。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More