AJAX相关 -- 我的记录

div 顶层居中 loading...
<div id ="loading" style ="position: absolute;top: 30%;left: 50%;z-index: 1; display :none ">
   
<img src ="../res/img/loading.gif" />
</div>


    
function delSheetUser() {
        
if (confirm('确定删除?')) {
            $(
"#loading").show();
            
return true;
        }
        
else {
            
return false;
        }
    }

 

定时刷新页面内容
HandelPage.cs
----------------------------------------------------------------------
    
protected void Page_Load(object sender, EventArgs e)
    {
        
string cmd = Request.QueryString["cmd"];
        
string userName = Request.QueryString["user"];
        
string result = string.Empty;

        
switch (cmd)
        {
            
case "add":
                ConcernUser(userName);
                
break;
            
case "del":
                DeleteConcernUser(userName);
                
break;
            
default:
                result 
= GetConcernEvents(userName);
                
break;
        }

        Response.Clear();
        Response.Write(result);
        Response.End();
    }


DemoPage.cs  需定时刷新的页面
-------------------------------------------------------------
    
//系统设置的刷新时间间隔
    protected int RefreshInterval
    {
        
get
        {
            
if (string.IsNullOrEmpty(ConfigurationManager.AppSettings["Botwave.EasyIT.Concern.RefreshInterval"]))
                
return 1000 * 60;
            
else
                
return int.Parse(ConfigurationManager.AppSettings["Botwave.EasyIT.Concern.RefreshInterval"]) * 1000;
        }
    }

DeomPage.aspx
--------------------------------------------------------------
    
//获取信息
    function getConcernEvent()
    {
        var url 
= '<%=this.ResolveUrl("HandelPage.aspx?") %>';
        $.
get(url, {cmd:"get",user:"<%= CurrentUserName %>",t:new Date().getTime()}, changeConcernEvent);
    }
    
    
//页面重加载
    function changeConcernEvent(data)
    {
        $(
"#ul_concern").empty();
        $(
"#ul_concern").append(data);
    }

    
//定时刷新
    var interval = parseInt("<%=this.RefreshInterval %>");
    setInterval(getConcernEvent, interval);

    
//初次加载
    getConcernEvent();

 

局部刷新示例
AjaxHandler.aspx
-------------------------------------------------------------
protected void Page_Load(object sender, EventArgs e)
{
    
string cmd = Request.Form["cmd"];
    
string result = "";
    
switch (cmd)
    {
        
case "getAppList":
            {
                
string username = Request.Form["username"];
                result 
= GetAppList(username);
                
break;
            }
    }

    Response.Clear();
    Response.Write(result);
    Response.End();
}

private string GetAppList(string UserName)
{
    StringBuilder builder 
= new StringBuilder();
    builder.append(
"*****")
    
return builder.ToString();
}


js 控制
-------------------------------------------------------------------
function refreshAppList() {
    var currentUserName 
= 'parameter';
    $(
".div1").html('<div class="nodata">Loading...</div>'); //提示加载
    $.post(
       
'AjaxHandler.aspx',
       {
           cmd: 
'getAppList',
           username: currentUserName
       },
       function(data) {
           $(
".div1").html(data);   //Dom元素重新加载内容
       }
    );
}

 

 

 

posted on 2010-02-24 12:05  snowleopard  阅读(125)  评论(0)    收藏  举报

导航