请选择 进入手机版 | 继续访问电脑版

剑客站长网

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 188|回复: 0

ajax局部刷新实例 (三种方法推荐)

[复制链接]

908

主题

908

帖子

2816

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2816
发表于 2019-10-1 17:20:49 | 显示全部楼层 |阅读模式
下面小编就为大家带来一篇ajax局部刷新实例 (三种方法推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
ajax局部刷新
<script>

setInterval("refreshTime()",1000); //每格1秒刷新一次

funciton refreshTime()

{

var dateObj = new Date();

time.innerHTML = dateObj.toLocaleDateString(); //刷新div里面的内容

}

</script>

<div id=time> </div>
function doRef()

{

var url = "xxx.aspx"

var dateRequest = new ActiveXObject("Microsoft.XMLHTTP");

dateRequest.abort() ;

dateRequest.open( "GET", url , true );

dateRequest.onreadystatechange = onSendSelf ;

dateRequest.send() ;

function onSendSelf()

{

if( dateRequest.readyState != 4 )

{

return ;

}

var theDate = dateRequest.responseText ;//如果出现编码问题,可以在服务端escape一下,然后在这里使用unescape( responseText )

theDiv.innerHTML = theDate ;

}

}

setInterval( doRef , 1000 ) ;//1秒刷新一次,有点快
<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<br />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">

</asp:Timer>

<asp:TextBox ID="TextBox1" runat="server"> </asp:TextBox>

</ContentTemplate>

</asp:UpdatePanel>

</form>
=====在后台Timer1_Tick事件加上
// Interval="1000" 是设置刷新的时间间隔
TextBox1.Text=DateTime.Now
看下就明白了
全民学会建站,学建站上http://jkzzw.cn
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|剑客站长网

GMT+8, 2019-11-12 21:25 , Processed in 1.468750 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表