Question

這很簡單，如果我在靜態html文件中執行它，但是因爲我使用Flask工作，所以很難。

我有一個正確包含Javascript文件的html頁面。這個java腳本文件有一個AJAX函數，它將讀取一個文本文件。

有誰知道我是否可以在Python燒瓶webapp中引用Javascript中的文本文件？

HTML：

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

JS：

function alertFunc() { 
    $.ajax({ 
     url : "/Users/me/myfile.txt", //I believe this is the issue! 
     dataType: "text", 
     success : function (data) { 
      $("#div1").html(data); 
     } 
    }); 

我已經把測試功能在這個js文件和它的作品所以與HTML頁面的JS網頁鏈接沒有問題。

Answer 1

您.txt文件添加到您的靜態文件夾

然後指向/static/my.txt

或添加一個端點（@app.route('my_text.txt')），並返回它...

它真的很容易...林不知道爲什麼你有挖掘燒瓶......我認爲它就像在html中一樣容易，在燒瓶中你的威力遠遠大於簡單的html ...

main.py

from flask import Flask,render_template 

app = Flask(__name__) 


@app.route('/') 
def hello_world(): 
    return render_template('index.html') 


if __name__ == '__main__': 
    app.run() 

靜態/ main.js

function alertFunc() { 
    $.ajax({ 
     url: "/static/my_text.txt", 
     dataType: "text", 
     success: function (data) { 
      console.log(data) 
      $("#div1").text(data); 
     } 
    }); 
} 

靜態/ my_text.txt

just a simple message 

模板/ index.html的

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="/static/main.js"></script> 
<div id="div1"></div> 

<script> 
    alertFunc() 
</script>