zoukankan
html css js c++ java
AJAX实时刷新数据、状态显示、局部刷新示例
<%
@ 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
>
protected
void
Page_Load(
object
sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(
typeof
(_Default));
}
[Ajax.AjaxMethod()]
public
string
GetServiceStatus()
{
return
ctl.Status.ToString();
}
查看全文
相关阅读:
connect oralce
monolog php
js继承
前后端交互-一些关于接口设计的思考
zoom:1;
H5的新特性及部分API详解
软文参考
seo细节
seo每天要做的事情
seo(每天要干的哪些事)
原文地址:https://www.cnblogs.com/netwom/p/950342.html
最新文章
group by 分组函数 的用法
电力系统中的互为备用是什么意思?
7.28-个人训练赛第五场
7.24-个人训练赛第四场
杭电多校训练第一场
杭电多校训练第二场
牛客暑期ACM多校训练营第三场
【递归与递推】猴子摘桃
【排序】紧急集合
【高精度】乘积根
热门文章
【高精度】贝贝与国王
【高精度】高精度数除以低精度数I
ubuntu chinese
ubuntu sqldevelper
net instlal centos7
centos dhcp
centos mysql-php
genymotion install apk
docker aliyun
golang access oracle
Copyright © 2011-2022 走看看