Ajax Js倒計時執行後台方法

來源:互聯網
上載者:User

HTML代碼

 

 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 2
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 4<html xmlns="http://www.w3.org/1999/xhtml">
 5<head runat="server">
 6    <title>Untitled Page</title>
 7    <script language="javascript" type="text/javascript">
 8    function hello()
 9    {
10        BeginMessage();
11        var t=setTimeout("endMessage('計時結束 5 seconds!')",5000)
12    }
13    function endMessage(msg)
14    {
15        PageMethods.Msg(msg,updateMessages);
16    }
17    function BeginMessage()
18    {
19        PageMethods.Msg("計時開始",updateMessages);
20    }
21    function updateMessages(result)
22    {
23        $get("lbl").innerHTML =result;
24    }
25    </script>
26</head>
27<body>
28    <form id="form1" runat="server">
29        <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" />
30        <div>
31            <asp:Label ID="lbl" runat="server" Text="Label"></asp:Label
32            ><input id="Button1" type="button"
33                value="開始" onclick="hello()" />
34        </div>
35    </form>
36</body>
37</html>
38

 

 後台代碼

 

Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Web.Services;
public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    [WebMethod]
    static public string Msg(string msg)
    {
        return msg; 
    }
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.