【1】ASP.NET非同步（1）

標籤：顯示   name   async   man   back   eve   ajax技術   nat   legend   

表徵圖說明了非同步基礎認識。

1.如果沒有Ajax，提交之後整個頁會重新整理（左圖）。右圖所示的虛線範圍地區加入了ajax技術，提交之後只更新了虛線地區的內容，這樣看比較直白。

<form>
①<asp:ScriptManager...</asp:ScriptManager> //必須,用於串連Ajax js的串連;
②<asp:UpdatePanel ...>
③<ContentTemplate>
...具體內容...
<ContentTemplate>

④<Triggers>
....
</Triggers>
</asp:UpdatePanel>
</form>

2、一段基礎代碼

<form id="form1" runat="server">        <asp:ScriptManager ID="ScriptManager1" runat="server">        </asp:ScriptManager>        <div>            時間1：<asp:Label ID="Label1" runat="server"></asp:Label>            <br />            <br />            <fieldset style="width: 300px; height: 60px">                <legend>局部更新</legend>                <asp:UpdatePanel ID="UpdatePanel1" runat="server">                    <ContentTemplate>                        時間2：<asp:Label ID="Label2" runat="server"></asp:Label>                    </ContentTemplate>                    <Triggers>                        <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />                    </Triggers>                </asp:UpdatePanel>            </fieldset>            <br />            <br />            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="顯示時間" Width="55px" />        </div>    </form>

View Code

 

【1】ASP.NET非同步（1）