将JavaScript变量传递给Flask url_for

Question

我有一个端点，该端点在url中带有一个值，并产生一些将插入div中的内容。我想url_for使用JavaScript变量来构建url 。但是，$variable1是作为字符串而不是的值传递的variable1。如何将JavaScript变量的值传递给url_for？

function myFunction() {

    var variable1 = "someString"

    $('#demo').load(

        "{{ url_for('addshare2', share = '$variable1') }}"

    );

}

Answer 1

您无法在Jinja中评估JavaScript。您正在尝试在Jinja呈现时在服务器端生成url，但是您引用的变量仅在客户端浏览器上运行的JavaScript中可用。在客户端上构建url是最简单的解决方法。（我不知道您的路线是什么样子，所以这里有个例子。）$('#demo').load('/url/for/addshare2/' + variable1);但是，这不是很有用，因为您不能使用url_for，因此必须对URL进行硬编码。这是一个很好的信号，表明您想要的是将参数传递到的AJAX端点，而不是包含值的端点。@app.route('/addshare2', methods=['POST'])def addshare2():    share = request.json['share']    ...    return jsonify(result=...)现在，您可以使用生成url url_for，并将参数作为表单数据传递。$.post(    '{{ url_for('addshare2') }}',    {share: variable1},    function (data) {        // do something with data on successful response    });

Answer 2

有时，我使用以下替代方法使用临时占位符字符串：var variable1 = "someString";$('#demo').load(    "{{ url_for('addshare2', share='ADDSHARE2') }}".replace("ADDSHARE2", variable1));感觉不太正确，我仍在寻找更好的解决方案。但这确实起作用。