亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

是否可以將 Jinja2 中的變量傳遞給 Javascript 中的函數而無需在 HTML 中編寫

是否可以將 Jinja2 中的變量傳遞給 Javascript 中的函數而無需在 HTML 中編寫

開滿天機 2023-05-25 16:19:19
我在課程項目中使用 Flask。static我在和文件夾中有一些 javascript 和 HTML 文件templates,層次結構如下所示:/flask_project-->/run.py-->/templates  -->/index.html-->/js  -->/chart.js有一個函數chart.js可以畫圖,我需要將一些數據從我的 python 代碼傳遞給這個函數。@app.route('/index')    def index():        data=[1,2,3,4,5,6]        return render_template('index.html',data=data)在我的index.html,我有<script src="{{url_for('static',filename='chart.js')}}"></script>在我的chart.js我有一個功能draw(data){...}我想將我的數據傳遞給這個函數,但是如果我var data={{data}}在.js文件中添加,它會給我一個錯誤。.js我知道如果我將代碼從文件復制到<scripts></scripts>文件中它會起作用index.html,但它很長并且會使 HTML 文件看起來很難看。那么有什么方法可以將變量直接從 jinja2 傳遞到 javascript 嗎?喜歡調用函數draw({{data}})嗎index.html?
查看完整描述

2 回答

?
人到中年有點甜

TA貢獻1895條經驗 獲得超7個贊

我看到兩種方式:

a) 通過 Jinja 將數據呈現為數據屬性并通過 Javascript 讀取它

b) 通過 Javascript 調用您的后端并檢索數據;在早期,這是通過 jQuery.ajax() 完成的;現在你可能會使用fetch來自純 Javascript 的 API


查看完整回答
反對 回復 2023-05-25
?
catspeake

TA貢獻1111條經驗 獲得超0個贊

根據Flask 的文檔,嘗試添加|tojson到您的 Jinja 代碼中。

chart.js

var?data?=?{{data|tojson}}
draw(data){...}

我沒有嘗試運行您的代碼,但data如果立即使用此方法無法正常工作,請嘗試將端點作為 JSON 發送。


查看完整回答
反對 回復 2023-05-25
  • 2 回答
  • 0 關注
  • 347 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號