Fatal编程技术网
  • javascript/
  • Javascript 烧瓶不向js发送数据

Javascript 烧瓶不向js发送数据

javascript python flask post

Javascript 烧瓶不向js发送数据,javascript,python,flask,post,flask-restful,Javascript,Python,Flask,Post,Flask Restful,可以看出，我正在尝试将数据从flask发送到js。但是，我一直遇到404未找到。我似乎不明白，我问过的pro-py和js开发人员也不明白。我还尝试了”：/Send“和”http://127.0.0.1:5000/Send“在应用程序路径中 烧瓶 JS HTML 日志： 错误 在端点中，我看不到如何将数据发送到前端 @app.route（'/Send'，methods=['POST'，GET'] def SendData（）： 数据={'Hour'：“30”，“Min:“2”} JSONed=js

可以看出，我正在尝试将数据从flask发送到js。但是，我一直遇到
404未找到
。我似乎不明白，我问过的pro-py和js开发人员也不明白。我还尝试了
”：/Send“
和
”http://127.0.0.1:5000/Send“
在
应用程序路径中

烧瓶

JS

HTML

日志：

错误

在端点中，我看不到如何将数据发送到前端

@app.route（'/Send'，methods=['POST'，GET']
def SendData（）：
数据={'Hour'：“30”，“Min:“2”}
JSONed=json.dumps（数据）
返回渲染模板（'index.html'）
如果uuuu name uuuuuu='\uuuuuuu main\uuuuuuu'：
app.run（）
更改为：

来自flask import jsonify
@app.route（'/Send'，methods=['POST'，'GET']）
def SendData（）：
数据={'Hour'：“30”，“Min:“2”}
返回jsonify（数据）
如果uuuu name uuuuuu='\uuuuuuu main\uuuuuuu'：
app.run（）
因为从json示例中，我怀疑您需要一个
json
对象

fetch（“/Send”）
.then（函数（响应）{
返回response.text（）；
}).然后（函数（文本）{
console.log（文本）；
});
在
javascript
示例中，看起来您正在从另一个端点呈现此
HTML
，但您希望通过
javascript
从另一个端点收集数据

我会这样做：

@app.route（'/Send'，methods=['POST'，GET']
def发送_数据（）：
数据={'Hour'：“30”，“Min:“2”}
返回呈现模板（'index.html'，data=data）
如果uuuu name uuuuuu='\uuuuuuu main\uuuuuuu'：
app.run（）
然后我将使用
jinja2
模板机制在我的
HTML
中呈现这些数据，如下所示：


{{data}}
烧瓶部分看起来正常。你能在命令行上通过curl使用get请求来验证它是否有效吗？你是如何运行你的应用程序的？您在哪里设置它来监听端口
5500
？日志的前两行显示可以找到端点。不过，我不明白您在上一个版本中试图访问什么。@SimeonNedkov很抱歉，它实际上是在默认的
5000
上运行的。老实说，我也很困惑，所以我在这里发帖。当我走到
“\Send”
路线时，我得到了相互矛盾的日志。
1“GET/%3Curl%3E:%3c\u端口%3E/Send HTTP/1.1”404
紧跟在
“GET/Send HTTP/1.1”200-
@J.G.我试过post man&GET，
无法获取/发送
您好，谢谢您的全面回复。我知道如何将数据从flask发送到HTML。然而，我的目标是让js脚本首先获取它，这样它就可以执行一些前端设计，如果它直接从Flask发送到HMTL，这是不可能的，我相信您的回答概括了直接方法。在呈现数据之前，您希望执行哪些操作？我希望通过利用javascript将数据呈现在一个吸引人的图表中。这样您就可以将jinja2模板变量传递给javascript并使用它。 
@app.route('/Send', methods=['POST', 'GET'])
def SendData():
    Data = {'Hour':"30", "Min":"2"}
    JSONed = json.dumps(Data)
    return render_template('index.html')

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

fetch('/Send') 
.then(function (response) { 
    return response.text();
}).then(function (text) {
    console.log(text); 
});    

<body>
    <script src="static/app.js"></script>
</body>

C:.
│   app.py
│
├───.vscode
│       settings.json
│
├───static
│       app.js
│
├───templates
│       index.html
│
└───__pycache__
        app.cpython-38.pyc

127.0.0.1 - - [16/Oct/2020 01:06:16] "GET /Send HTTP/1.1" 200 -
127.0.0.1 - - [16/Oct/2020 01:06:16] "GET /static/app.js HTTP/1.1" 200 -
127.0.0.1 - - [16/Oct/2020 01:06:16] "GET /%3Curl%3E:%3Cflask_port%3E/Send HTTP/1.1" 404 -

Failed to load resource: the server responded with a status of 404 (NOT FOUND)