第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

開滿天機(jī) 2023-05-25 16:19:19
我在課程項(xiàng)目中使用 Flask。static我在和文件夾中有一些 javascript 和 HTML 文件templates,層次結(jié)構(gòu)如下所示:/flask_project-->/run.py-->/templates  -->/index.html-->/js  -->/chart.js有一個函數(shù)chart.js可以畫圖,我需要將一些數(shù)據(jù)從我的 python 代碼傳遞給這個函數(shù)。@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){...}我想將我的數(shù)據(jù)傳遞給這個函數(shù),但是如果我var data={{data}}在.js文件中添加,它會給我一個錯誤。.js我知道如果我將代碼從文件復(fù)制到<scripts></scripts>文件中它會起作用index.html,但它很長并且會使 HTML 文件看起來很難看。那么有什么方法可以將變量直接從 jinja2 傳遞到 javascript 嗎?喜歡調(diào)用函數(shù)draw({{data}})嗎index.html?
查看完整描述

2 回答

?
人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個贊

我看到兩種方式:

a) 通過 Jinja 將數(shù)據(jù)呈現(xiàn)為數(shù)據(jù)屬性并通過 Javascript 讀取它

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


查看完整回答
反對 回復(fù) 2023-05-25
?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個贊

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

chart.js

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

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


查看完整回答
反對 回復(fù) 2023-05-25
  • 2 回答
  • 0 關(guān)注
  • 341 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號