ajax如何实现进度条的效果?
客户端发起一个ajax请求:
$("#data_container").load(server_url,{start_query_id:some_query_id});
要求服务器端需不断返回当前进度数据并返回至客户端,比如,客户端不断显示:当前查询的user_id是5,该用户信息是blahblahblah......
一开始我觉得很简单,ob_flush不就解决了嘛:
for($i=0;$iecho $i."
";
flush();
ob_flush();
sleep(2);
}
结果,还是过了很久,然后PHP才一次性全部输出。想问一下这个错在哪?
这样不行的话,只能用iframe加载了,iframe内嵌页面通过ob_flush()解决时时输出当前查询的效果,但理论上浏览器的加载条会一直处于转圈圈状态,不合适。
剩下的只能是用ajax每返回一次数据便重新再提交一次query_id的形式,页面要不停请求服务器,请求时间也大幅增加,也加大了服务器负担。
用websocket,暂且不讨论他的浏览器可怜的兼容性了,PHP天生就不是干websocket的料吧。
然后,就不知道咋办了,有没有比较简单而且友好的处理这种问题的方式?
回复内容:
客户端发起一个ajax请求:
$("#data_container").load(server_url,{start_query_id:some_query_id});
要求服务器端需不断返回当前进度数据并返回至客户端,比如,客户端不断显示:当前查询的user_id是5,该用户信息是blahblahblah......
一开始我觉得很简单,ob_flush不就解决了嘛:
for($i=0;$iecho $i."
";
flush();
ob_flush();
sleep(2);
}
结果,还是过了很久,然后PHP才一次性全部输出。想问一下这个错在哪?
这样不行的话,只能用iframe加载了,iframe内嵌页面通过ob_flush()解决时时输出当前查询的效果,但理论上浏览器的加载条会一直处于转圈圈状态,不合适。
剩下的只能是用ajax每返回一次数据便重新再提交一次query_id的形式,页面要不停请求服务器,请求时间也大幅增加,也加大了服务器负担。
用websocket,暂且不讨论他的浏览器可怜的兼容性了,PHP天生就不是干websocket的料吧。
然后,就不知道咋办了,有没有比较简单而且友好的处理这种问题的方式?
ob_flush()和ajax并不是你想象的那种效果。
iframe内嵌页面通过ob_flush()可以实现你要的,但是有你说的"转圈圈"。
前端设置定时器,不断发送ajax请求,这是目前通行的做法。
要想优化ajax,可以查一下Commet。
另外,建议你思考一下你是否真的想要在一个大批量的耗时的操作里,一点点的输出每一个用户的所有信息。
假进度条算法
完成进度条为100%
0 ~ 25% :随机递增 3% ~ 6% 每秒
25% ~ 65%:随机递增 0.1% ~ 3% 每秒
65% ~ 90%:随机递增 0.1% ~ 2% 每秒
90% ~ 99%:固定递增 0.5% 每秒
直到请求完成直接增长到100%
赞同 假进度条方法,我们以前就是这么干得。只要确保处理完毕后就是100%就行,中间速度爱咋咋地。
楼上说的假进度不错

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka

Untuk bekerja dengan tarikh dan masa dalam cakephp4, kami akan menggunakan kelas FrozenTime yang tersedia.

Untuk mengusahakan muat naik fail, kami akan menggunakan pembantu borang. Di sini, adalah contoh untuk muat naik fail.

CakePHP ialah rangka kerja sumber terbuka untuk PHP. Ia bertujuan untuk menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP adalah berdasarkan seni bina seperti MVC yang berkuasa dan mudah difahami. Model, Pandangan dan Pengawal gu

Pengesah boleh dibuat dengan menambah dua baris berikut dalam pengawal.

Log masuk CakePHP adalah tugas yang sangat mudah. Anda hanya perlu menggunakan satu fungsi. Anda boleh log ralat, pengecualian, aktiviti pengguna, tindakan yang diambil oleh pengguna, untuk sebarang proses latar belakang seperti cronjob. Mengelog data dalam CakePHP adalah mudah. Fungsi log() disediakan

Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c

CakePHP ialah rangka kerja MVC sumber terbuka. Ia menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP mempunyai beberapa perpustakaan untuk mengurangkan beban tugas yang paling biasa.
