使用 JSON 将 Javascript 对象发送到 Python Flask 时出错

Exi*_*ode 2 javascript python ajax json flask

我正在使用 ajax 将 JSON 字符串发布到 Python Flask,但出现以下错误:

错误

这是我的 JavaScript:

$.ajax({
type: 'POST',
url: window.location.href,
data: JSON.stringify(questionObj0),
dataType: 'json',
contentType: 'application/json; charset=utf-8'
}).done(function(msg) {
  console.log(msg);
});
Run Code Online (Sandbox Code Playgroud)

这是我的 Python:

@app.route('/test', methods=['GET', 'POST'])
def test():
    question = request.get_json()
    question1 = json.loads(question)
    print (question)
    return render_template('test.html')
Run Code Online (Sandbox Code Playgroud)

使用 print(question) 会产生以下输出(使用浏览器控制台在 JavaScript 中测试时的输出相同):

{'questionNumber': 1, 'question': 'Convert 10110001 to decimal', 'answer': 177, 'userAnswer': 'blank'}
Run Code Online (Sandbox Code Playgroud)

据我了解,输出应该是一个字符串,因此用引号填充。

有没有人遇到过类似的事情/知道如何解决这个问题?

Mat*_*aly 5

Flask从请求中提供的 JSON 数据中request.get_json()返回一个dict对象,因此您无需json.loads再次调用它。

应用程序

@app.route('/', methods=['GET'])                                                
def index():                                                                    
    return render_template('index.html')                                        


@app.route('/test', methods=['POST'])                                           
def test():                                                                     
    question = request.get_json()                                               
    print(question['question'])                                                 
    return ''
Run Code Online (Sandbox Code Playgroud)

模板/index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

var questionObj0 = {'questionNumber': 1, 'question': 'Convert 10110001 to decimal', 'answer': 177, 'userAnswer': 'blank'};

console.log(JSON.stringify(questionObj0));

$.ajax({
    type: 'POST',
    url: '{{ url_for('test') }}',
    data: JSON.stringify(questionObj0),
    dataType: 'json',
    contentType: 'application/json; charset=utf-8'
}).done(function(msg) {
    console.log(msg);
});

</script>
Run Code Online (Sandbox Code Playgroud)