目标:
用户在前端输入个人令牌,该令牌应传递给后端的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中,并以某种方式在响应中使用它。.?