基于Ajax：实时刷新数据，实时显示状态，局部刷新的示例。

最新推荐文章于 2021-08-05 16:07:19 发布

weixin_34199335

最新推荐文章于 2021-08-05 16:07:19 发布

阅读量453

点赞数

CC 4.0 BY-SA版权

文章标签： python php xhtml

原文链接：http://www.cnblogs.com/silva/archive/2007/04/11/709019.html

本文介绍了一个使用ASP.NET AJAX实现的服务状态动态更新示例。通过客户端JavaScript调用服务器端方法，实时更新页面上显示的服务状态，并根据状态改变按钮的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

aspx页面：

_Default为类名称，GetServiceStatus为类中的一个方法。

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>Untitled Page</title>

<script language=Javascript>

function SetMessage()

{

_Default.GetServiceStatus(GetMessage_CallBack);

}

function GetMessage_CallBack(response)

{

var btn = document.getElementById('<%=btnSet.ClientID%>');

var btnPanel = document.getElementById('btnPanel');

var lbl = document.getElementById('lblStatus');

var status = response.value;

switch(status)

{

case "Running":

lbl.innerText = "运行中";

btn.value = "停止";

btnPanel.style.visibility = "visible";

break;

case "Stopped":

lbl.innerText = "已停止";

btn.value = "启动";

btnPanel.style.visibility = "visible";

break;

case "StartPending":

lbl.innerText = "正在启动

";

btnPanel.style.visibility = "hidden";

break;

case "StopPending":

lbl.innerText = "正在停止

";

btnPanel.style.visibility = "hidden";

break;

}

}

</script>

</head>

<body onload="setInterval('SetMessage()',100);">

<form id="form1" runat="server">

<table>

<tr><td width="250"><div id="lblStatus"></div></td><td>

<div id="btnPanel" style="visibility:visible"><asp:Button ID="btnSet" runat="server" Text="Button" OnClick="btnSet_Click1" /></div></td></tr>

</table>

</form>

</body>

</html>

.cs文件

protected void Page_Load(object sender, EventArgs e)

{

Ajax.Utility.RegisterTypeForAjax(typeof(_Default));

}

[Ajax.AjaxMethod()]

public string GetServiceStatus()

{

return ctl.Status.ToString();

}

转载于:https://www.cnblogs.com/silva/archive/2007/04/11/709019.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。