php實現進度條的方法是:1、利用ajax請求邏輯處理的位址;2、在邏輯處理過程中,利用session保存處理進度;3、用ajax去請求另一個查詢進度的位址,從而實現即時回饋。
php實作進度條主要有兩種方式,一種是利用「輸出緩衝控制」直接輸出進度條,還有一種是ajax方式。
(學習影片推薦:java課程)
先說「輸出緩衝控制」方式:
該方式主要利用php的幾個緩衝函數,該方式可以不用更改配置文件,直接運行即可,下面貼出代碼:
<?php set_time_limit(0); //设置程序执行时间 ignore_user_abort(true); //设置断开连接继续执行 header('X-Accel-Buffering: no'); //关闭buffer header('Content-type: text/html;charset=utf-8'); //设置网页编码 ob_start(); //打开输出缓冲控制 echo str_repeat(' ',1024*4); //字符填充 $width = 1000; $html = '<div style="margin:100px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: %upx"><div style="padding: 0; background-color: white; border: 1px solid navy; width: %upx"><div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div></div><div id="msg" style="font-family: Tahoma; font-size: 9pt;">正在处理...</div><div id="percent" style="position: relative; top: -34px; text-align: center; font-weight: bold; font-size: 8pt">0%%</div></div>'; echo sprintf($html, $width+8, $width); echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲 flush(); //刷新缓冲区的内容,输出 $length = 11; for($i=0; $i<$length; $i++) { sleep(rand(1,2)); $proportion = ($i+1)/$length; if($i+1 == $length){ $msg = '同步完成'; }else{ $msg = '正在同步第' . ($i+1) . '个用户'; } $script = '<script>document.getElementById("percent").innerText="%u%%";document.getElementById("progress").style.width="%upx";document.getElementById("msg").innerText="%s";</script>'; echo sprintf($script, intval($proportion*100), intval(($i+1)/$length)*$width, $msg); echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲 flush(); //刷新缓冲区的内容,输出 }
“ajax方式”則稍微麻煩點,該方法的邏輯是利用ajax先去請求(最好是非同步請求)」邏輯處理」的位址,邏輯處理過程中利用session或其他儲存媒體(例如memcache,redis等)保存處理進度,在用ajax去請求(最好是同步請求)另一個查詢進度的位址,實現即時回饋。
程式碼如下:
首先是html檔案
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="./jquery-1.10.2.min.js"></script> <title>同步</title> </head> <body> <input type="button" name="syn" id="syn" value="同步" /> <div id="progressBar" style="margin: 50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: 1008px;display:none"> <div style="padding: 0; background-color: white; border: 1px solid navy; width: 1000px"> <div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div> </div> <div id="msg">正在处理...</div> <div id="percent" style="position: relative; top: -18px; text-align: center; font-weight: bold; font-size: 8pt">0%</div> </div> </body> <script> function query(timestamp){ $.ajax({ type:'post', url:'/test1.php', //查询进度 data:{ timestamp:timestamp}, dataType: "json", async:false, success: function(data){ if(data.code=='10000'){ data1 = data.data; document.getElementById("percent").innerText= data1.percent + "%"; document.getElementById("progress").style.width=data1.progress + "px"; document.getElementById("msg").innerText=data1.msg; if(data1.percent == 100){ $("#syn").attr('disabled', false); return ; } }else{ document.getElementById("msg").innerText=data.msg; } setTimeout('query(' + timestamp + ')', 1000); } }); } $("#syn").click(function(){ var timestamp = Date.parse(new Date()); $("#syn").attr('disabled', 'disabled'); $("#progressBar").css('display', 'block'); $.ajax({ type:'post', url:'/test.php', //执行处理 data:{ timestamp:timestamp}, dataType: "json", async:true, success: function(data){ if(data.code=='10000'){ console.log('同步成功'); //data1 = data.data; //document.getElementById("percent").innerText= data1.percent + "%"; //document.getElementById("progress").style.width=data1.progress + "px"; //document.getElementById("msg").innerText=data1.msg; }else{ document.getElementById("msg").innerText=data1.msg; } } }); setTimeout('query(' + timestamp + ')', 1000); }); </script> </html>
test.php檔案
<?php set_time_limit(0); //设置程序执行时间 ignore_user_abort(true); //设置断开连接继续执行 $timestamp = $_POST['timestamp']; //省略一切校验 $width = 1000; $length = 11; for($i=0; $i<$length; $i++) { sleep(rand(1,2)); //模拟处理时间 $proportion = ($i+1)/$length; if($i+1 == $length){ $msg = '同步完成'; }else{ $msg = '正在同步第' . ($i+1) . '个用户'; } $data = array( 'percent' => intval($proportion*100), 'progress' => intval($width*($i+1)/$length), 'msg' => $msg ); session_start(); $_SESSION['now_percent' . $timestamp] = $data; session_write_close(); //释放session锁 } echo json_encode(array( 'code' => 10000, 'data' => $data ));
test1.php
<?php //忽略所有校验,直接写主要部分 $timestamp = $_POST['timestamp']; //省略一切校验 session_start(); $now_percent = @$_SESSION['now_percent' . $timestamp]; session_write_close(); if(empty($now_percent)){ echo json_encode(array( 'code' => 10001, 'msg' => '正在处理...' ));exit; }else{ echo json_encode(array( 'code' => 10000, 'data' => $now_percent ));exit; }補充:1、之所以未用setinterval定時去查而用setTimeout是因為如果設定的時間過短,而請求回應時間過長就會出現顯示混亂。
2、使用session後要注意及時釋放,不然查詢時會因為session被鎖定而一直等待,使用完就釋放是最好的。
相關推薦:###php培訓######以上是php實作進度條的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文比較了酸和基本數據庫模型,詳細介紹了它們的特徵和適當的用例。酸優先確定數據完整性和一致性,適合財務和電子商務應用程序,而基礎則側重於可用性和

本文討論了確保PHP文件上傳的確保,以防止諸如代碼注入之類的漏洞。它專注於文件類型驗證,安全存儲和錯誤處理以增強應用程序安全性。

本文討論了在PHP中實施API速率限制的策略,包括諸如令牌桶和漏水桶等算法,以及使用Symfony/Rate-limimiter之類的庫。它還涵蓋監視,動態調整速率限制和手

本文討論了使用password_hash和pyspasswify在PHP中使用密碼的好處。主要論點是,這些功能通過自動鹽,強大的哈希算法和SECH來增強密碼保護

本文討論了OWASP在PHP和緩解策略中的十大漏洞。關鍵問題包括注射,驗證損壞和XSS,並提供用於監視和保護PHP應用程序的推薦工具。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3漢化版
中文版,非常好用

Atom編輯器mac版下載
最受歡迎的的開源編輯器

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

禪工作室 13.0.1
強大的PHP整合開發環境

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中