ajax局部刷新 (三种方法都可以)
2008-10-20 17:35
375 查看
来源: http://lovercoca.blog.163.com/blog/static/70986702
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
看下就明白了
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
看下就明白了
相关文章推荐
- ajax局部刷新 (三种方法都可以)
- ajax局部刷新 (三种方法都可以)
- ajax局部刷新实例 (三种方法推荐)
- ajax局部刷新后里面的jquery事件失效的解决方法
- 一个实现ajax之后既可以刷新又可以让提示信息延长的js实现方法
- Ajax.ActionLink 辅助方法实现局部刷新
- Ajax无刷新分页可以尝试的性能优化方法
- ajax局部刷新一个div下jsp内容的方法
- java:ajax实现无跳转刷新的三种方法
- 使用AJAX方法可以不刷新页面就从服务器上获得信息(文件信息,方法,数据库中的数据)
- 实现局部刷新的三种方法
- 实现AJAX局部刷新以及PageMethod方法的使用
- 刷新页面后,数据保留在原页面方法(session信息共享,ajax局部刷新)
- JQ刷新页面(ajax局部)和全页面刷新方法
- struts也可以使用ajax异步调用页面局部刷新
- Jquery+Ajax 局部刷新方法介绍
- 用jQuery中的Ajax方法,进行无刷新修改类别(可以是任何数据)的办法
- ajax结合mysql数据库和smarty实现局部数据状态的刷新方法
- jQuery+ajax实现局部刷新的两种方法
- AJAX_jQuery框架,三种无刷新方法