发送/解释从 Javascript 发送到 Python 的 JSON 的问题

Question

我正在尝试使用 Flask 将 JSON 从 Javascript 发送到 Python POST 路由。我相信 JSON 正在正确地发送到 Python，但我正在努力弄清楚如何访问它。在 POST 路由发生后我的 Python 响应变量中，type(response) 打印出<Response [200]>。当我打印dir(response) 时，我得到

我看到此响应中有一个 JSON 方法，但是当我打印 response.json() 时，我收到以下错误：

json.decoder.JSONDecodeError: Expecting value: line 1 column 1 (char 0)

我的 Javascript 和 Python 代码如下。感谢任何帮助。

async function processForm() {
    const luckyNumObj = {num: {fact: "text is here", num: 3}, year: {fact: "text is here", year: 1990}};
    console.log("luckyNumObj:", JSON.stringify(luckyNumObj))
    await axios.post("/api/get-lucky-num", JSON.stringify(luckyNumObj))
};

processForm()

from flask import Flask, render_template, redirect, session, request, jsonify
import json
import requests
from werkzeug.exceptions import Unauthorized

app = Flask(__name__)

app.config['SECRET_KEY'] = "shhhhh"


@app.route("/")
def homepage():
    """Show homepage."""
    return redirect("/api/get-lucky-num")

@app.route("/api/get-lucky-num", methods=["GET", "POST"])
def json_api():
    """JSON API Endpoint"""
    if request.method == 'POST':
        response = requests.get('http://localhost:5000/api/get-lucky-num')
        data = response.json()

        print("data", data)

        return render_template("index.html")
    
    return render_template("index.html")

Answer 1

看起来你正在混合几个 python 库。

requestspython 库用于发送 HTTP 请求，类似于 javascript 中的 axios。 flask python 库用于制作 HTTP 网络服务器。

在文件的顶部，您正在执行import requests，它导入请求库，而不是烧瓶库。稍后，您告诉 requests 库向 http://localhost:5000/api/get-lucky-num 发送 GET 请求，然后您尝试从该请求的结果中获取 JSON 响应。

您可能试图做的是from flask import request，它将导入flask 的请求API。从那里，您可以执行 request.json 以获取已发布到此端点的 JSON 数据。当您发送烧瓶请求以正确解释它时，您可能必须在 javascript 中将“Content-Type”标头设置为“application/json”。这可以按如下方式完成：

await axios.post("/api/get-lucky-num", JSON.stringify(luckyNumObj), {
  headers: { "content-type": 'application/json' },
})

有关从烧瓶响应中获取 POST 数据的更多信息，请参阅this stackoverflow answer，有关使用 axios 的更多信息，请参阅this page。