How to achieve flicker-free scheduled page refresh with Ajax

This time I will show you how Ajax can achieve flicker-free scheduled refresh page effect. What are the precautions for Ajax to achieve flicker-free scheduled refresh page effect. Here is a practical case, let’s take a look.

In web development, we often need to refresh a page regularly:

1. To maintain session value or check whether the session value is empty (for example, to prevent the same user from logging in repeatedly);

2. Implement real-time in-site text messages;

3. Update page data regularly, etc. However, when we search on the Internet, we will find that there are many ways to refresh the page regularly. The simplest is to add the following code between the

in < Add code between head>

Description: The value of content represents the interval between page refreshes, in seconds.

The value of URL specifies the page to be refreshed

Another way is to use JavaScript to refresh the page regularly

JavaScript to refresh the page regularly, I don’t have this code After testing,

<script> 
var limit=":" 
if (document.images){ 
var parselimit=limit.split(":"); 
parselimit=parselimit[]*+parselimit[]*; 
} 
function beginrefresh(){ 
if (!document.images) 
return; 
if (parselimit==) 
window.location.reload(); 
else{ 
parselimit-=; 
curmin=Math.floor(parselimit/); 
cursec=parselimit%; 
if (curmin!=) 
curtime=curmin+" min "+cursec+" sec "; 
else 
curtime=cursec+" sec "; 
window.status=curtime; 
setTimeout("beginrefresh()",); 
} 
} 
window.onload=beginrefresh;
</script>

is added to the middle of the body. Here is 0:10 for 10 seconds. It can be customized.

I believe you have mastered the method after reading the case in this article. More exciting Please pay attention to other related articles on php Chinese website!

Recommended reading:

How to use Ajax cross-domain request

Jump to the login page immediately after Ajax+Session fails

The above is the detailed content of How to achieve flicker-free scheduled page refresh with Ajax. For more information, please follow other related articles on the PHP Chinese website!