如何让AJAX张贴JSON在烧瓶？[重复]

Question

我将按照本教程学习如何用Python构建应用程序。

教程（接近尾声）讲述了如何在python中获得一个发布的AJAX json，如下所示：

超文本标记语言代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
// setup some JSON to use
var cars = [
    { "make":"Porsche", "model":"911S" },
    { "make":"Mercedes-Benz", "model":"220SE" },
    { "make":"Jaguar","model": "Mark VII" }
];

window.onload = function() {
    // setup the button click
    document.getElementById("theButton").onclick = function() {
        doWork()
    };
}

function doWork() {
    // ajax the JSON to the server
    $.post("receiver", cars, function(){

    });
    // stop link reloading the page
 event.preventDefault();
}
</script>
This will send data using AJAX to Python:<br /><br />
<a href="" id="theButton">Click Me</a>

Python代码：

import sys

from flask import Flask, render_template, request, redirect, Response
import random, json

app = Flask(__name__)

@app.route('/')
def output():
    # serve index template
    return render_template('index.html')

@app.route('/receiver', methods = ['POST'])
def worker():
    # read json + reply
    data = request.get_json()
    result = ''


    for item in data:
        # loop over every row
        result += str(item['make']) + '\n'

    return result

if __name__ == '__main__':
    # run!
    app.run()`

当我运行脚本并在浏览器中点击按钮“点击我”时，当我检查浏览器中的响应时，我会得到“500内部服务器错误”。如果我打印数据变量，它会在单击事件的终端中打印出无。我尝试了评论中给出的建议，在python脚本中使用get_json（强制=true），并在html文件中对“汽车”json进行字符串化，但没有成功。

Answer 1

看起来您没有指定post请求的内容类型看看官方文档中说的：

默认情况下，如果mimetype不是应用程序/json，此函数将返回无，但这可以由force参数覆盖。

您还需要将cars对象序列化为json对象。

你可以这样做：

function doWork() {
    // ajax the JSON to the server
    $.ajax({
        type: 'POST',
        url: '/receiver',
        data: JSON.stringify (cars),
        success: function(data) { alert('data: ' + data); },
        contentType: "application/json",
        dataType: 'json'
    });
    // stop link reloading the page
    event.preventDefault();
}