Как получить JSON в FLASK?

Question

[Андрей Гильгенберг]

У меня есть форма:

<form method="POST" id="form__videos">
            <div class="inputs">
                {{ form.hidden_tag()}}
                {{form.name}}
                {{form.name}}
            </div>
            <button type="button" class="btn btn__main btn__add add_video">Add Video</button>
            <button type="submit" class="btn btn__main btn__send__video">Start Merge</button>
        </form>

пытаюсь передать данные таким образом:

btnSendVideo.addEventListener('click',(e) =>{
    let links = []
    e.preventDefault()
    let formData = new FormData(videoForm)
    formData.delete("csrf_token")
    for(let [name, value] of formData){
        links.push(value)
    }
    let data = JSON.stringify({"link": links})
    let response = fetch("http://127.0.0.1:5000/res", {
        method: "POST",
        mode: "no-cors",
        headers: {
            'accept' : 'application/json',
            "Content-Type": "application/json"
        },
        body: data
    })
})

Но я совершенно не понимаю как принять данные в 127.0.0.1:5000/res

Answer 1

[aest0]

@app.route('/res',  methods=['POST'])
def post_res():
    # Возвращает содержимое объекта links типом dict, либо, при отсутствии объекта возвращает None
    links_data = request.json.get('link', None) 

    return jsonify(links=links_data)

Comments

[Андрей Гильгенберг]

возвращает POST 127.0.0.1:5000/res 400 (BAD REQUEST)

[aest0]

Андрей Гильгенберг, переведите сервер в debug режим установив переменную окружения FLASK_DEBUG=1 для большего понимания, почему возникают ошибкию

cmd: export FLASK_DEBUG=1
shell: set FLASK_DEBUG=1
PowerShell: $ENV:FLASK_DEBUG=1

[Андрей Гильгенберг]

aest0, фласк в режиме дебаг, полный код app.py:

from flask import Flask, render_template, url_for, request, jsonify
from flask_cors import CORS


from forms import ContactForm

app = Flask(__name__)
app.config['SECRET_KEY'] = 'any secret string'
cors = CORS(app)


@app.route('/',  methods=['GET', 'POST'])
def index():
    form = ContactForm()
    if form.validate_on_submit():
        t = form.name.data
        print(t)
    return render_template("index.html", form=form)


@app.route('/res',  methods=['POST'])
def post_res():
    # Возвращает содержимое объекта links типом dict, либо, при отсутствии объекта возвращает None
    links_data = request.json.get('link', None) 

    return jsonify(links=links_data)


if __name__ == "__main__":
    app.run(debug=True)  # Выключить debug на релизе

Answer 2

[Виктор Голованенко]

Создайте маршрут, который будет принимать POST-запросы и ожидать тело запроса в формате JSON. Например, так:

from flask import Flask, request

app = Flask(__name__)

...

@app.route('/res', methods=['POST'])
def res():
    form_data = request.get_json()
    ...
    return {'status': 'ok', 'error': False}

Comments

[Андрей Гильгенберг]

так пробовал, возвращает:
POST 127.0.0.1:5000/res 400 (BAD REQUEST)

[Виктор Голованенко]

Андрей Гильгенберг, допустил небольшую ошибку в ответе. Исправил. Посмотрите, пожалуйста.

[Андрей Гильгенберг]

Виктор Голованенко, если вы про эту часть: ('/res', methods=['POST']), то я ее в коде поправил, с изначальным вариантом сервер просто отказывался запускаться, а с исправленным 400 ошибка

[Виктор Голованенко]

Андрей Гильгенберг, пробовали сделать тестовый запрос на сервер, например, с помощью cURL?
Можно попробовать (в терминале или командной строке):

curl -H 'Content-type: application/json' -d '{"1": "a", "2": "b", "3": "c"}' http://127.0.0.1:5000/res

[Андрей Гильгенберг]

Виктор Голованенко, попробовал, вот что вернуло:
curl: (6) Could not resolve host: application
curl: (6) Could not resolve host: a,
curl: (3) URL using bad/illegal format or missing URL
curl: (6) Could not resolve host: b,
curl: (3) URL using bad/illegal format or missing URL
curl: (3) unmatched close brace/bracket in URL position 2:
c}'
^

[Виктор Голованенко]

Андрей Гильгенберг, в каком терминале запускаете cURL? Если ничего не выйдет, то можно попробовать HTTPie или Postman.

[Андрей Гильгенберг]

Виктор Голованенко, передал запрос через HTTPie, получил ответ:
{
"error": false,
"status": "ok"
}

[Модератор]

Андрей Гильгенберг, фрагменты кода надо оборачивать тэгом code для корректного отображения.

Answer 3

[Андрей Гильгенберг]

Проблема была на стороне js, он почему-то забил на передаваемые заголовки, проблему удалось решить переписав fetch на ajax:

btnSendVideo.addEventListener('click',(e) =>{
    let links = []
    e.preventDefault()
    let formData = new FormData(videoForm)
    formData.delete("csrf_token")
    for(let [name, value] of formData){
        links.push(value)
    }
    let data = JSON.stringify({"link": links})
    let response = $.ajax({
        method: 'POST',
        url: "http://127.0.0.1:8080/video",
        data: data,
        headers:{ "Content-Type": "application/json"}
      })
})