Flask：如何将JSON传递给javascript文件？ [重复]

Question

这个问题在这里已有答案：

• Return JSON response from Flask view 12个答案
• jQuery posting JSON 3回答
• How to get POSTed json in Flask? 5个答案
• How to get data received in Flask request 16个答案

我有对象main.py

from __future__ import with_statement
from flask import Flask,request,jsonify,send_file,render_template
import json
# from flask_cors import CORS

app = Flask(__name__, static_url_path='/vendor')
# CORS(app)


@app.route('/')
def home():
    return render_template('index.html',id_user="id1")


@app.route('/receive_word',methods=['POST'])
def receive_word():
    print(request.form)
    data = request.form['javascript_data']
    d = json.loads(data)
    print(d['key1'])
    print(d['key2'])
    return d

我有麦克风.js

$.post("/receive_word", {
    javascript_data: JSON.stringify({ "key1":1, "key2":this.currentTranscript })
});
console.log({{ d }});

如何将main.py中的d传递给main.js？代码无法从main.py中捕获到d变量。谢谢

Answer 1

您似乎使用JQuery来调用您的端点。您应该使用$.post回调参数：

$.post("/receive_word", {
    javascript_data: JSON.stringify({ "key1":1, "key2":this.currentTranscript })
}, 
// Here is the callback
function(d, status){
     // process d
});

Answer 2

使用jsonify在Flask视图中返回json数据，假设d是一个有效的Python dict：

@app.route('/receive_word',methods=['POST'])
def receive_word():
    data = request.form['javascript_data']
    d = json.loads(data)   
    return jsonify(d)