如何处理Flask后端的响应以运行单独的Python脚本?

时间:2019-07-18 14:21:20

标签: javascript python jquery flask

目标:

  

用户在前端输入个人令牌,该令牌应传递给后端的python脚本。 python脚本接收令牌,将其正确放置在其代码中并执行。然后,脚本输出应返回到前端。

我还想将前端和后端分开。

我设法将信息从前端传递到后端,然后在Chrome控制台中将其接收回来。

前端在localhost:5500上运行

后端在本地主机上运行:5000

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Page</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
      <p>Insert Token: <input id="token">
      <button id="send">Send</button>
    <script src="app.js"></script>
  </body>
</html>

app.js

$("document").ready(function(){
  $("#send").click(function(){
      var token = $("#token").val();
      $.ajax({
          url: "http://localhost:5000/token/",
          type: "POST",
          contentType: "application/json",
          data: JSON.stringify({"token": token})
      }).done(function(data) {
          console.log(data);
      });
  });
});

views.py

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/token/', methods=['POST'])
def token_input():
  response = request.get_json()
  print(response)
  return jsonify(response)

@app.after_request
def add_headers(response):
    response.headers.add('Access-Control-Allow-Origin', '*')
    response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization')
    return response

if __name__ == "__main__":
  app.run(debug=True)

到目前为止,我的应用程序给了我: so_far


我的猜测是: 我必须制作一个新的python脚本,并将我的script_that_uses_token.py包装在一个函数中。然后将该函数导入views.py中,并以某种方式在响应中使用它。.?

0 个答案:

没有答案