如何在不刷新 Flask 项目页面的情况下更新值？

Question

我有一个显示视频游戏中物品价格的网站。目前，我有一个“自动刷新”脚本，每 5 秒刷新一次页面，但这有点烦人，因为每次您搜索产品时，它都会删除您的搜索，因为页面会刷新。我想在不为用户刷新页面的情况下更新表中的数字。我在 javascript 中阅读了一些关于“更新 DOM”的内容，但没有理解。这是我网站的链接：http: //xeltool.com/这是我的 python 代码：@app.route('/bprices', methods=['GET'])def bPrices():    f = requests.get(        'https://api.hypixel.net/skyblock/bazaar?key=[cannot show]').json()    products = [        {            "id": product["product_id"],            "sell_price": product["sell_summary"][:1],            "buy_price": product["buy_summary"][:1],            "sell_volume": product["quick_status"]["sellVolume"],            "buy_volume": product["quick_status"]["buyVolume"],        }        for product in f["products"].values()    ]    return render_template("bprices.html", products=products)

Answer 1

您有 3 个选择：

• AJAX - https://www.w3schools.com/js/js_ajax_intro.asp

• SSE - https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events

• Websocket - https://developer.mozilla.org/en-US/docs/Glossary/WebSockets

我认为在您的情况下最好的选择是 SSE，因为服务器知道价格已更改，因此可以将其推送给客户。

Answer 2

使用 AJAX 询问新价格。API 将返回值，然后在 JS 代码中将之前的价格更改为新价格。

AJAX 肯定会有所帮助。

看看这里的简单教程：https ://www.w3schools.com/xml/ajax_intro.asp 。