在外部Javascript中传递参数与Python Flask

我为我的网站使用Python Flask，并将几个参数传递给Javascript。这是我的代码：在外部Javascript中传递参数与Python Flask

from flask import Flask 
from flask import render_template 

app = Flask(__name__) 


@app.route("/") 
def index(): 

    return render_template("index.html", param1="Hello") 


<html> 
    <head> 
    </head> 
    <body> 
     <p>Hello World</p> 
    </body> 
    <script>console.log({{param1}})</script> 
</html>

用这种方法，它可以毫无问题地工作。这个例子是我自己的简化。但是，如果我想有一个外部文件中的脚本并调用它是这样的：

<html> 
    <head> 
    </head> 
    <body> 
     <p>Hello World</p> 
    </body> 
    <script src="/static/js/myjs.js"></script> 
</html>

而且myjs.js文件是console.log({{param1}})，那么这是行不通的。那么，有什么方法可以用Python Flask在外部Javascript文件中传递参数吗？

来源

2015-01-13 Tasos

脚本必须在模板目录内 – Hackaholic

我有两个文件夹：1）静态模板和2）模板。在静态文件夹中有css，js和图像。我应该移动js文件ijn模板以使其工作吗？ – Tasos

如果你想渲染一个带有Jinja的文件，你需要调用render_template并将其传递给期望的值。直接链接到一个静态文件显然不会这样做。一种解决方案是使用Jinja的include块。这要求'myjs.js'位于'templates/js'文件夹中，并将其包含在渲染模板中，将所有模板上下文传递给包含的模板。

<script>{% include 'js/myjs.js' %}</script>

的更好的解决方案是不需要渲染在每次请求的JS，而是从你的模板参数传递给JS的功能。

<script src="{{ url_for('static', filename='js/myjs.js') }}"></script> 
<script> 
    my_func({{ my_var|tojson }}); 
</script>

来源

2015-01-13 15:56:57 davidism

我用不同的方式来加载在HTML页面中指定的JavaScript文件：

首先，我定义里面<head></head>标签一些变数，所以我打电话给我的javascript文件：

<head> 
... 
<script src="/static/js/jquery.js"></script> 
<script type=text/javascript> 
    $(document).ready(function() { 
     $link_subcat = "{{ url_for('load_subcategories') }}"; 
     $link_cat = "{{ url_for('load_categories') }}"; 
    }); 
</script> 

    <script src="{{ url_for('static', filename='finances.js') }}"></script>

...

这是我的JavaScript文件内容： $（文件）。就绪（函数（）{

 $("#category").change(function() { 
      $.ajax({ 
       type: "POST", 
       url: $link_subcat, 
       data: {cat: $(this).val()}, 
       success: function(data) { 
        $("#subcategory").html(data); 
       } 
      }); 
     }); 

     $("input[name=type]").change(function() { 
      $.ajax({ 
       type: "POST", 
       url: $link_cat, 
       data: {type: $('input[name="type"]:checked').val()}, 
       success: function(data) { 
        $("#category").html(data); 
       } 
      }); 
     }); 

    });

这种方法适用于我。

来源

2016-10-17 23:49:59

在外部Javascript中传递参数与Python Flask

回答

相关问题