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();
        }
  • 相关阅读:
    如何创建数据库及表
    验证视图状态MAC失败解决方案
    ELK(elasticsearch+logstash+kibana)实现Java分布式系统日志分析架构
    使用Servlet3.0提供的API实现文件上传
    CentOS 6.4下安装MySQL 5.6.22
    CentOS下安装MySQL-server-5.6
    linux下彻底卸载mysql 图解教程
    表白用,有需要的可以转
    Eclipse常用快捷键
    DAO和DTO的区别
  • 原文地址:https://www.cnblogs.com/netwom/p/950342.html
Copyright © 2011-2022 走看看