javascript - url_for() 在ajax中调用静态文件

Question

这个问题已经有答案了:

How to serve static files in Flask (24 个回答)

Import javascript files with jinja from static folder [duplicate] (3 个回答)

How can I pass parameter through serialization and then parse them using external JavaScript? (2 个回答)

已关闭 5 年前。

我正在使用 Flask 和 JavaScript 实现自动完成，并且尝试将 JavaScript 放入不同的文件中。我的文件夹结构是这样的:

- Project
    - static
    |   -js
    |      autocomplete.js
    - templates
    |   index.html  
    main.py

如果我将脚本添加到 index.html :

<script>
$(function() {
    $.ajax({
        url: '{{ url_for("autocomplete") }}'
    }).done(function (data) {
         $('#inputBox').autocomplete({
             source: data,
             minLength: 1
         });
    });
});
</script>

它工作正常，但是当我将代码放入/static/js/autocomplete.js时并添加<script src="../static/js/autocomplete.js"></script>在index.html ,我收到 404:

127.0.0.1 - - [11/Oct/2017 07:54:10] "GET /%7B%7B%20url_for(%22static%22,%22autocomplete%22)%20%7D%7D HTTP/1.1" 404 -

那么我应该如何在 url_for() 中写路径？

Answer 1

{{ url_for('static', filename='js/autocomplete') }}