2. 程式人生 > >Asp.Net Ajax簡單測試動態顯示時間

Asp.Net Ajax簡單測試動態顯示時間

阿新 • • 發佈：2019-01-18

利用Asp.net自帶的Ajax控制元件，實現簡單的動態顯示時間的頁面。

前臺程式碼如下：

<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:Timer ID="Timer1" Interval="1000" runat="server" OnTick="Timer1_Tick"></asp:Timer>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate> 
                  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </ContentTemplate>
             <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
            </Triggers>
        </asp:UpdatePanel>
    </div>
    </form>
</body>

後臺程式碼主要是OnTick的響應：

protected void Timer1_Tick(object sender, EventArgs e)
{
     Label1.Text = DateTime.Now.ToString();
}

簡單分析其中原理如下。

在Asp.Net中要用到Ajax，需要新增主要控制元件ScriptManager和UpdatePanel控制元件，官方文件指出ScriptManager無須做處理，主要是進行一個宣告而已，懶人可以不用去管這個控制元件。主要是把精力集中在UpdatePanel控制元件上，其中有兩個設定，一個是ContentTemplate，主要是需要更新的內容，可以是任意asp.net的伺服器控制元件；另一個是Trigglers，為一個觸發響應，其中又包括非同步更新AsyncPostBackTrigger和回傳更新PostBackTrigger。

上述程式碼實驗主要是實現非同步更新，將其中的ControlID設定為Timer控制元件ID，表明在通過Timer控制元件設定的值進行非同步響應，響應的事件為Timer的OnTick事件。

相關推薦

Asp.Net Ajax簡單測試動態顯示時間

利用Asp.net自帶的Ajax控制元件，實現簡單的動態顯示時間的頁面。 前臺程式碼如下： <body> <form id="form1" runat="server"> <div> <asp:S

ASP.NET AJAX入門系列（6）：UpdateProgress控制元件簡單介紹

{    // Introducing delay for demonstration.    System.Threading.Thread.Sleep(3000);    Label1.Text ="Page refreshed at "+        DateTime.Now.ToString();}

ASP.NET Zero--單元測試

正在 模型 ldl git target xuni false pre misc 單元測試 ASP.NET Zero啟動項目包含單元和集成測試。使用以下工具開發測試： xUnit作為測試框架。 Shouldly 作為斷言庫。 Microsoft.EntityFr

使用linux的shell腳本實現在當前行重復動態顯示時間等字符串信息（不另起新行）

shell 實現 時間 lin 裏的 cnblogs find fin suse11 ###本腳本在Suse11sp2當中驗證正確 #!/bin/sh while ((1)) do echo -ne "\r$(d

Asp.Net MVC3 簡單入門詳解過濾器Filter

添加 重復 權限 組件 再次 ace text ext 開發 前言 在開發大項目的時候總會有相關的AOP面向切面編程的組件，而MVC（特指：Asp.Net MVC，以下皆同）項目中不想讓MVC開發人員去關心和寫類似身份驗證，日誌，異常，行為截取等這部分重復的代碼，那我們可以

ASP.NET Core 簡單實現七牛圖片上傳（FormData 和 Base64）

private stream public 圖片 ASP.NET Core 簡單實現七牛圖片上傳（FormData 和 Base64）七牛圖片上傳 SDK（.NET 版本）：https://developer.qiniu.com/kodo/sdk/1237/csharpUpoladServic

ASP.NET AJAX

新的 取出 更新 過程 一次 後臺 asp.net 第一次 瀏覽器 AJAX是一種在客戶端與服務器端異步通信的技術，通俗點來說就是無刷新的頁面請求技術。在ASP.NET中，每當用戶請求頁面時，無論是第一次請求還是頁面回發請求，都將導致server端重新生成一個WEB頁面，並

動態顯示時間案例

type 顯示時間 itl 顯示 htm blog light date() pre 步驟 1、得到當前時間 2、需要讓頁面每一秒獲取時間 setInterval方法 3、顯示到頁面上 innerHTML屬性 <html> <head&g

ASP.NET MVC 簡單的分頁思想與實現

www 新增 圖文 tom 最簡 基本 描述 clas asp.net ， 作為一個程序猿，數據分頁是每個人都會遇到的問題。解決方案更是琳瑯滿目，花樣百出。但基本的思想都是差不多的。 　　下面給大家分享一個簡單的分頁器，讓初學者了解一下最簡單的分頁思想，以及在ASP.NET

asp.net ajax客戶端框架如何調用Page Method

method rip 必須 ice ... 如何 n) 頁面 methods asp.net ajax客戶端框架如何調用Page Method 1:欲調用的頁面方法必須聲明為公有（Public）2：該方法必須為靜態方法（static）3：該方法必須添加[System.We

ASP.NET Ajax入門

bsp 一個 帶來 間隔 req 無刷新 ren 交換對象 定時執行 Ajax是Asynchronous JavaScript and XML（異步JavaScript 和XML技術）的縮寫，它是由JavaScript腳本語言、CSS樣式表、XMLHttpRequest數據

Asp.net MVC簡單實現生成Excel並下載

user query 輔助類 his rpath play 是我 none mod 由於項目上的需求，需要導出指定條件的Excel文件。經過一翻折騰終於實現了。 現在把代碼貼出來分享 （直接把我們項目裏面的一部份輔助類的代碼分享一下） 我們項目使用的是Asp.Net M

如何設置ASP.NET頁面的運行超時時間 (轉載)

pos machine web pil 請求 限制 div class ads 全局超時時間 服務器上如果有多個網站，希望統一設置一下超時時間，則需要設置 Machine.config 文件中的 ExecutionTimeout 屬性值。Machine.confi

MVC引用asp.net報表（測試小例子）

lse lsp publickey bag override request RR bre rda 1 public class Default1Controller : Controller 2 { 3 // 4 //

asp.net Ajax調用Aspx後臺方法

出錯 ESS CA console 如果 title eth set ring Ajax調用的前提（以aspx文件為例：） 1、首先需要在aspx文件後臺中引用using System.Web.Services; 2、需要調用的方法必須是公共的（public）、靜

js實現動態顯示時間

css rip 無法顯示 寫入 title 定時器 order date oca 思路： *得到當前時間 　　var date = new Date(); 　　//格式化為本地時間 　　var d1 = date.toLocaleString(); *使頁面每秒顯示一次時間

asp.net ajax傳遞Json給aspx.cs後臺 webmethod方法傳遞json

1、提取一個向後臺寫入資料的方法 ///向後臺cs頁面請求資料的方法 function myPost(url,data,func) { $.ajax({ type: "post",

Telerik UI for ASP.NET AJAX教程：在React應用程式中管理狀態的3個基本技巧

下載Telerik UI for ASP.NET AJAX最新版本 在React應用程式中學習一些有關使用State的快速和重要提示，以幫助您確定哪種選項，適合您的環境。 不要害怕以setState（）開頭 首先，如果您是React的新使用者，或者開始使用新的React應用程式，請從Re

Telerik UI for ASP.NET AJAX教程:報表如何為任何UI套件增加價值

【下載Telerik UI for ASP.NET AJAX最新版本】 每天生成的資料量不斷增加，並且以一種吸引眼球且易於理解的方式將其全部視覺化並不容易。如果您需要向某人提供大量資料，可以通過幾種方法嘗試執行此操作。如果使用控制套件，則可以進行CRUD資料輸入，應用一些自定義和主題，甚至可以進

Telerik UI for ASP.NET AJAX教程：C＃中的函式程式設計

【下載Telerik UI for ASP.NET AJAX最新版本】 在面向物件程式設計（OOP）中，我們習慣於使用物件集合或簡單資料型別。我們經常使用LINQ對這些集合進行排序和過濾，作為業務邏輯行為或資料轉換的一部分。雖然這些是我們經常執行的有用任務，但很容易忘記C＃中的函式可以被視為資料