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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

是否可以將 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有一個(gè)函數(shù)chart.js可以畫圖,我需要將一些數(shù)據(jù)從我的 python 代碼傳遞給這個(gè)函數(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我有一個(gè)功能draw(data){...}我想將我的數(shù)據(jù)傳遞給這個(gè)函數(shù),但是如果我var data={{data}}在.js文件中添加,它會(huì)給我一個(gè)錯(cuò)誤。.js我知道如果我將代碼從文件復(fù)制到<scripts></scripts>文件中它會(huì)起作用index.html,但它很長并且會(huì)使 HTML 文件看起來很難看。那么有什么方法可以將變量直接從 jinja2 傳遞到 javascript 嗎?喜歡調(diào)用函數(shù)draw({{data}})嗎index.html?
查看完整描述

2 回答

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

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

我看到兩種方式:

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

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


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

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

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

chart.js

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

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


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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