asp.net ajax動態顯示時間

來源:互聯網
上載者:User
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>   
  2.   
  3.   
  4.   
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">   
  6.   
  7. <html xmlns="http://www.w3.org/1999/xhtml">   
  8.   
  9. <head runat="server">   
  10.   
  11.     <title>ajax動態顯示時間 </title>   
  12.   
  13.     <script language="javascript" type="text/javascript">   
  14.   
  15.         function btnInvoke_onclick()   
  16.   
  17.         {   
  18.   
  19.             var txtName=$get("txtName").value;   
  20.   
  21.             //var txtName=document.getElementById("txtName").value;   
  22.   
  23.             PageMethods.SayHello(txtName,SayHelloShow);   
  24.   
  25.         }   
  26.   
  27.         //回呼函數   
  28.   
  29.        function SayHelloShow(res)   
  30.   
  31.         {   
  32.   
  33.           $get("result").innerHTML=res;   
  34.   
  35.           //document.getElementById("result").innerHTML=res;   
  36.   
  37.         }   
  38.   
  39.         function TimeCall()   
  40.   
  41.         {   
  42.   
  43.             setInterval("btnInvoke_onclick()",1000);   
  44.   
  45.             //setTimeout("btnInvoke_onclick()",1000);   
  46.   
  47.         }   
  48.   
  49.     </script>   
  50.   
  51. </head>   
  52.   
  53. <body onload="TimeCall()">   
  54.   
  55.     <form id="form1" method="get" runat="server">   
  56.   
  57.         <asp:ScriptManager ID="sm" runat="server" EnablePageMethods="true"  />   
  58.   
  59.         <input type="text" id="txtName" value="動態時間 " />   
  60.   
  61.         <input type="button" id="btnInvoke" value="測試" onclick="return btnInvoke_onclick()" />   
  62.   
  63.         <div id="result" style="color:Red;" ></div>   
  64.   
  65.         <br />   
  66.   
  67.         <textarea id="TraceConsole" rows="10" cols="50" />   
  68.   
  69.     </form>   
  70.   
  71. </body>   
  72.   
  73. </html>   
  74.   
  75.   
  76.   
  77.   
  78.   
  79. using System;   
  80.   
  81. using System.Data;   
  82.   
  83. using System.Configuration;   
  84.   
  85. using System.Web;   
  86.   
  87. using System.Web.Security;   
  88.   
  89. using System.Web.UI;   
  90.   
  91. using System.Web.UI.WebControls;   
  92.   
  93. using System.Web.UI.WebControls.WebParts;   
  94.   
  95. using System.Web.UI.HtmlControls;   
  96.   
  97. using System.Web.Services;   
  98.   
  99.   
  100.   
  101. public partial class _Default : System.Web.UI.Page    
  102.   
  103. {   
  104.   
  105.     protected void Page_Load(object sender, EventArgs e)   
  106.   
  107.     {   
  108.   
  109.   
  110.   
  111.     }   
  112.   
  113.   
  114.   
  115.     [WebMethod]   
  116.   
  117.     public static string SayHello(string name)   
  118.   
  119.     {   
  120.   
  121.         return string.Format("你好{0}!現在時間:{1}", name, DateTime.Now.ToString());   
  122.   
  123.     }   
  124.   
  125. }   
  126.   
  127.   
  128.   
  129.   
  130.   
  131. 注意:   
  132.   
  133. 1 <asp:ScriptManager ID="sm" runat="server" EnablePageMethods="true"  />中的EnablePageMethods   
  134.   
  135. 要為true,表示用戶端頁面能直接調用伺服器端頁面的靜態方法.   
  136.   
  137.   
  138.   
  139. 2    
  140.   
  141.     [WebMethod]   
  142.   
  143.   
  144.   
  145.     public static string SayHello(string name)   
  146.   
  147.     {   
  148.   
  149.   
  150.   
  151.         return string.Format("你好{0}!現在時間:{1}", name, DateTime.Now.ToString());   
  152.   
  153.   
  154.   
  155.     }   
  156.   
  157.     必須是靜態方法.必須加[WebMethod]   
  158.   
  159.   
  160.   
  161. 3 PageMethods.SayHello(txtName,SayHelloShow);   
  162.   
  163.   表示伺服器頁面方法中的SayHello,SayHelloShow表示回呼函數,主要用於前台顯示  
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.