Home  >  Article  >  Web Front-end  >  What are the ways to achieve partial refresh in ajax?

What are the ways to achieve partial refresh in ajax?

php中世界最好的语言
php中世界最好的语言Original
2018-04-02 14:10:242632browse

This time I will bring you what are the methods of ajax to achieve partial refresh, and what are the precautions for ajax to achieve partial refresh. The following is a practical case, let's take a look.

ajax partial refresh

<script> 
setInterval("refreshTime()",1000); //每格1秒刷新一次 
funciton refreshTime() 
{ 
var dateObj = new Date(); 
time.innerHTML = dateObj.toLocaleDateString(); //刷新p里面的内容 
} 
</script> 
<p id=time> </p>
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 ) 
thep.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_Tickeventadded in the background Up

// Interval="1000" is to set the refresh time interval

TextBox1.Text=DateTime.Now

You will understand after taking a look

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Use Blod to make ajax progress bar download

##Ajax+json to implement shopping cart settlement

The above is the detailed content of What are the ways to achieve partial refresh in ajax?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn