Bagaimana untuk Memaparkan Data Flask Penstriman Secara Dinamik dalam Templat HTML?

Memaparkan Data Penstriman Secara Dinamik dalam Templat Kelalang

Dalam pembangunan web, adalah perkara biasa untuk memaparkan data yang sentiasa dikemas kini, seperti yang sebenar -aliran data masa. Dengan Flask, rangka kerja web Python yang popular, nampaknya mencabar untuk mengendalikan jenis data ini dalam templat HTML anda. Soalan ini membincangkan cara untuk memaparkan data penstriman dengan berkesan dan memasukkannya ke dalam templat anda.

Pernyataan Masalah

Aplikasi Flask yang diberikan menjana data dan menstrimkannya dalam masa nyata melalui titik akhir tertentu. Timbul persoalan: bagaimana untuk mengakses data yang distrim ini dalam templat HTML dan memaparkannya dengan pemformatan?

Penyelesaian

Semasa aplikasi menghantar data sebagai strim, mengemas kini templat secara dinamik berdasarkan strim ini tidak boleh dilakukan. Sebaliknya, data mesti dikendalikan pada bahagian klien menggunakan JavaScript.

Pelaksanaan JavaScript

Contoh yang disediakan menunjukkan penggunaan JavaScript untuk mengendalikan data yang distrim:

1. Gunakan XMLHttpRequest untuk membuka sambungan ke titik akhir penstriman.
2. Baca dari strim secara berkala, mengendalikan setiap mesej (baris data).
3. Kemas kini paparan dengan nilai terkini dan log semua mesej.

Templat HTML

Templat HTML termasuk kod JavaScript dan menyediakan kawasan untuk memaparkan data:

<p>This is the latest output: <span>

Alternatif Pendekatan: Menggunakan Iframe

Pilihan lain untuk memaparkan data penstriman ialah menggunakan iframe. Iframe berfungsi sebagai dokumen berasingan dalam halaman utama, memaparkan kandungan daripada URL yang berbeza. Dalam kes ini, iframe boleh menghala ke titik akhir penstriman dan memaparkan data HTML yang distrim.

Faedah dan Kelemahan

Pendekatan iframe menyediakan cara yang mudah untuk memaparkan yang distrim HTML, tetapi ia mempunyai kelemahan seperti peningkatan penggunaan sumber dan had penggayaan. Secara umumnya lebih disukai untuk menggunakan JavaScript dan manipulasi terus halaman untuk lebih fleksibiliti.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Data Flask Penstriman Secara Dinamik dalam Templat HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!