将文件路径从烧瓶发送到 Ajax

Question

我正在尝试向我的 Ajax 脚本发送文件路径，该脚本读取文件内容并将其显示在页面上

@app.route('/main', methods=['GET'])
def main():
    filename = '/static/js/'+current_user.username+'log.txt'
    return render_template('main.html',name=current_user.username,data=filename)

js 脚本

var checkInterval = 1; //seconds
var fileServer = '{{ data }}';
var lastData;

function checkFile() {
    $.get(fileServer, function (data) {

        if (lastData !== data) {
            $( "#target" ).val( data );
            $( "#target" ).animate({
                scrollTop: $( "#target" )[0].scrollHeight - $( "#target" ).height()
            }, 'slow');
            lastData = data;
        }
    });
}

$(document).ready(function () {
    setInterval(checkFile, 1000 * checkInterval);
});

我尝试了不同的方法来做到这一点，将 fileServer 更改为 'data.filename'/{{ data| json }} 等但没有运气。 我该怎么做？

Answer 1

如果您将使用 url_for 生成的整个 url 作为参数传递它应该可以工作。

@app.route('/main', methods=['GET'])
def main():
    filename = url_for('static', filename=f'js/{current_user.username}log.txt')
    return render_template('main.html', name=current_user.username, data=filename)

作为补充，我还指定请求不应该存储在缓存中。

const checkInterval = 1;
const fileServer = "{{ data }}";
let lastData;

function checkFile() {
  $.get({ url: fileServer, cache: false }, function(data) {
    if (lastData !== data) {
      $("#target").val(data);
      $("#target").animate({
        scrollTop: $("#target")[0].scrollHeight - $("#target").height()
      }, "slow");
      lastData = data;
    }
  });
}

$(document).ready(function() {
  setInterval(checkFile, 1000 * checkInterval);
});

我使用 jquery 版本 3 进行测试。