how to update flask webpage automatically without loading refreshing

JahanZaib Babar answered on December 20, 2022 Popularity 8/10 Helpfulness 3/10

answer how to update flask webpage automatically without loading refreshing

how to update flask webpage automatically without loading refreshing

Comment

import datetime
from flask import Flask, render_template_string

app = Flask(__name__)

@app.route("/")
def index():
    return render_template_string("""<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>Test</title>
</head>

<body>

Date & Time: <span id="time"><span>

<script type="text/javascript">
var time_span = document.getElementById("time");

function updater() {
  fetch('/data')
  .then(response => response.text())
  .then(text => (time_span.innerHTML = text));  // update page with new data
}

setInterval(updater, 1000);  // run `updater()` every 1000ms (1s)
</script>

</body>

</html>""")


@app.route('/data')
def data():
    """send current content"""
    return datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')

if __name__ == "__main__":
    app.run(debug=True)

Popularity 8/10 Helpfulness 3/10 Language python

Source: stackoverflow.com

Tags: flask loading python webpage

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

JahanZaib Babar

0 Answers Avg Quality 2/10

how to update flask webpage automatically without loading refreshing

Contents

More Related Answers

how to update flask webpage automatically without loading refreshing

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.