zoukankan
html css js c++ java
基于Ajax:实时刷新数据,实时显示状态,局部刷新的示例。
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();
}
查看全文
相关阅读:
看完让你彻底搞懂Websocket原理
将map中的value赋值给list,list改变为什么会引起map也变呢?
eclipse创建maven 3.1版本maven项目
eclipse 集成mybatis-generator 生成mybatis 文件
IDEA错误:Cannot start compilation: the output path is not specified for module "XXX".
IDEA内存优化(秒开的快感!!)
实体类反向生成数据库表SQL
基于idea新建maven项目并发布tomcat
Netty概念之 Future 和 Promise
Java检测死锁之ThreadMXBean
原文地址:https://www.cnblogs.com/silva/p/709019.html
最新文章
python time和datetime的常用转换处理
前端知识
bootstrap重新设计checkbox样式
(转载)深入super,看Python如何解决钻石继承难题
Linux篇:因为修改了/etc/sudoers 文件的权限导致的问题
python中的os,shutil模块的定义以及用法
做事三思,前后因素考虑齐全
Python的入坑之路(1)
linux服务器磁盘满了怎么处理
Linux性能监控(cpu 内存 磁盘I/O 网卡流量):sar命令使用详解
热门文章
微服务注册中心---读写锁优化
Eureka的注册表拉取及多级缓存机制简析
利用mysql实现的雪花算法
beyond compare 对class文件反编译及比较
钉钉小程序开发实战:第三章,小程序企业内部开发应用
钉钉小程序开发实战:第二章,H5企业第三方应用开发讲解
钉钉小程序开发实战:第一章,小程序简介以及开发的业务模式介绍
钉钉小程序开发实战:(前言)
MySql数据库大表添加字段的方法
小程序时间选择器精确到年月日时分秒
Copyright © 2011-2022 走看看