用PHP实现进度条效果原理，似服务器推

最新推荐文章于 2021-04-04 09:38:57 发布

原创最新推荐文章于 2021-04-04 09:38:57 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

php 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何利用PHP实现进度条效果，通过模版替换技术，服务器获取进度后更新页面标识，从而在不发起额外请求的情况下展示进度条更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现思路就是模版替换，在页面设置一个标识，轮子自己的页面，不发请求给服务器，由服务器端获得进度，然后替换该页面标识，达到进度条效果

页面代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Lang" content="en">
<meta name="author" content="">
<meta http-equiv="Reply-to" content="@.com">
<meta name="generator" content="PhpED 5.8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="creation-date" content="01/01/2009">
<meta name="revisit-after" content="15 days">
<title>进度条</title>
<script type="jquery.min.js"></script>
<script type="text/javascript">
function test(){
    location.reload();
    setTimeOut('test()',1000)
}
</script>
</head>

<body onload="test()">
  <div id="test">0</div>
  
  <div id="" style="width: 100;">{%a%}</div>
</body>
</html>

服务器代码

<?php

 for($i = 0;$i < 6;$i++){
      echo $i.'<br/>';
      echo str_repeat('      ' ,2024);
      $url = '/t/test.php';
      header("Location: " . $url.'&id='.$i);
      $read_url = realpath('.'.$url);
      $content = file_get_contents('D:/phpnow/htdocs11/design/t/test.php');
     $rr = preg_replace('/{%(.*)%}/','{%'.$i.'%}',$content);
     file_put_contents('D:/phpnow/htdocs11/design/t/test.php',$rr);
      ob_flush();
      flush();
      sleep(1);
  }
 
?>

这样就能轻松实现了