如何局部刷新ASP页面一个DIV里的内容?
ASP页面做了一个在线人数显示是在一个DIV里面的,因为这个数据实时是变动的,所以想定时刷新这个DIV,但是不刷新整个页面,怎么实现?最好详细点。单单告诉我用ajax,用...
ASP页面做了一个在线人数显示
是在一个DIV里面的,因为这个数据实时是变动的,所以想定时刷新这个DIV,但是不刷新整个页面,怎么实现?最好详细点。单单告诉我用ajax,用JS,我也不懂怎么弄。
比如<div id="online" name="online"><!--#include file="online.asp"--></div>
如何定时刷新这个DIV?求帮忙....万分感谢 展开
是在一个DIV里面的,因为这个数据实时是变动的,所以想定时刷新这个DIV,但是不刷新整个页面,怎么实现?最好详细点。单单告诉我用ajax,用JS,我也不懂怎么弄。
比如<div id="online" name="online"><!--#include file="online.asp"--></div>
如何定时刷新这个DIV?求帮忙....万分感谢 展开
3个回答
展开全部
<asp:ScriptManager ID="smScriptManager" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server">
<ContentTemplate>
//要更新的数据部分,如一个Repeater,包括分页控件;
</ContentTemplate>
</asp:UpdatePanel>
//后台需要把页面注册为Ajax
AjaxPro.Utility.RegisterTypeForAjax(typeof(所要注册的页面Inherits的最后一个单词,如:页面为:CustomerList.aspx,则这里就是CustomerList));
//注册异步控件,lnkbtnRefreshLinkman十个Linkbutton,用于调用后台的数据更新方法;
this.smScriptManager.RegisterAsyncPostBackControl(lnkbtnRefreshLinkman);
//注册分页控件 this.smScriptManager.RegisterAsyncPostBackControl(this.Pager);
/// <summary>
/// 刷新联系人列表
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void RefreshLinkmanList(object sender, EventArgs e)
{
//更新Ajax控件所包含在内的数据,Ajax控件的UpdateMode必须指定为Conditional
upLinkmanList.Update();
}
//前台脚本方法里调用Linkbutton的onclick事件,记得先导入Jquery脚本文件的引用哦
$("#<%=lnkbtnRefreshLinkman.ClientID %>").click();
</asp:ScriptManager>
<asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server">
<ContentTemplate>
//要更新的数据部分,如一个Repeater,包括分页控件;
</ContentTemplate>
</asp:UpdatePanel>
//后台需要把页面注册为Ajax
AjaxPro.Utility.RegisterTypeForAjax(typeof(所要注册的页面Inherits的最后一个单词,如:页面为:CustomerList.aspx,则这里就是CustomerList));
//注册异步控件,lnkbtnRefreshLinkman十个Linkbutton,用于调用后台的数据更新方法;
this.smScriptManager.RegisterAsyncPostBackControl(lnkbtnRefreshLinkman);
//注册分页控件 this.smScriptManager.RegisterAsyncPostBackControl(this.Pager);
/// <summary>
/// 刷新联系人列表
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void RefreshLinkmanList(object sender, EventArgs e)
{
//更新Ajax控件所包含在内的数据,Ajax控件的UpdateMode必须指定为Conditional
upLinkmanList.Update();
}
//前台脚本方法里调用Linkbutton的onclick事件,记得先导入Jquery脚本文件的引用哦
$("#<%=lnkbtnRefreshLinkman.ClientID %>").click();
展开全部
<!--#include file="online.asp"--> 把你这个文件定时刷新就可以了
参考资料: 星连建站
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用jQuery的Ajax获取数据,用setTimeout执行刷新,示例如下:
<div id="online"></div>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
setTimeout("rediv()",600000);//十分钟
function rediv(){
$.get("online.asp",function(data){
$("#online").html("当前在线"+data+"人");
})
rediv();
}
</script>
<div id="online"></div>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
setTimeout("rediv()",600000);//十分钟
function rediv(){
$.get("online.asp",function(data){
$("#online").html("当前在线"+data+"人");
})
rediv();
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询