0

我是新开发人员，我有一个带有数据的 Json 对象，我正在尝试使用 render_template 将它传递到某个页面

我已经看到了几个关于这个的答案，但由于某种原因，他们都没有为我工作

我知道 Javascript 和 Flask 之间的联系是稳固的，因为我可以在 JS 的 Onload 函数中使用 console.log("string") 但它似乎无法识别我通过渲染模板传递的任何内容

到目前为止我尝试过的事情

将 json 对象保存为变量并将其与渲染模板一起传递。

    x = {"Success": True , "Msg":" lets try to get jinja to work - email {{ current_user.email }} " , "displayname":current_user.name}
    t = "test"
    return render_template("index.html", x=x ,t=t)

在 JS 上

document.addEventListener('DOMContentLoaded' , function () {
console.log("loaded");


const onStay = new XMLHttpRequest();
onStay.open('post' , "stay" , true);
onStay.send(null);

onStay.onload = ()=>{

console.log("i got response from flask ... onstay.onload , cheers !");
//console.log(x);
var  rt = t;
console.log(rt);
var resStay = JSON.parse(x.responseText);
var tt = JSON.parse('{{ x | tojson | safe}}');

所以我也在测试我是否可以传递 jinja2 代码或 flask_login 代码实际上将它保存在某种变量中并用 JS 响应它

第二次尝试是尝试 jsonify 方法并解析它

在 python 上：

X = jsonify({"Success": True , "Msg":" lets try to get jinja to work - 
email {{ current_user.email }} " , "displayname":current_user.name})
return render_template("index.html", X=X)

在 JS 端：

 onStay.onload = ()=>{
 var res = JSON.parse(reqSignup.responseText);
 console.log("res  === " , "\n" , res );

我得到的输出是

JavaScript.js:11 i got response from flask ... onstay.onload , cheers !
JavaScript.js:13 Uncaught ReferenceError: t is not defined
    at XMLHttpRequest.onStay.onload (JavaScript.js:13)
onStay.onload @ JavaScript.js:13
load (async)


JavaScript.js:191 qwe@qwe.qwe 
 qwe
JavaScript.js:313 DATA   =  FormData {}
4

1 回答 1

0

问题是您试图直接从 JavaScript 访问变量。您需要做的是在使用Jinja的 Flask 模板中使用这些变量，并在其中调用您的 JavaScript。

一个经典的例子是放置一个带有 onclick=YourFunction(x) 的按钮。调用函数时，它将传递变量中的值。

您应该使用默认的 Flask 模板引擎Jinja，但如果您更喜欢我开发的模板引擎来促进这种事情，如果Sucuri。

希望这可以帮助。

于 2018-11-10T14:09:06.143 回答