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局部刷新實例 (三種方法推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:- JQuery的Ajax請求實現局部刷新的簡單實例
- jQuery+ajax實現局部刷新的兩種方法
- ajax局部刷新一個div下jsp內容的方法
- jquery ajax 局部刷新小案例
- Ajax實現帶有驗證碼的局部刷新登錄界面
- 純JS實現AJAX局部刷新功能
- AJAX的原理—如何做到異步和局部刷新【實現代碼】
- 利用ajax實現簡單的注冊驗證局部刷新實例
- Ajax局部刷新應用案例---簡單登錄
- Ajax實現局部刷新的方法實例
