Flask实现ajax交互json数据

环境：
Python:3.9.8
Flask:3.0.2
jQuery:1.11.3
原文链接：https://blog.knowlesea.top/post/4

JS实现:

data需要的值要是json值，如果传入的是一个对象，需要使用js函数JSON.stringify将js对象转换为字符串。
contentType标识的是HTTP传输时的数据的类型,设置字符编码为utf-8方便数据的解析

$('#submit_html').click(function (){
    var data=
    $.ajax({
        type:"Post",
        url:'/upload',
        data:JSON.stringify({
            data:editor.getHtml()
        }),
        dataType:'json',
        contentType: "application/json; charset=utf-8", // 设置编码格式为UTF-8
        success:function(responseData){
            alert(responseData)
        },
    });
});

服务端实现:

服务端进行数据的获取和解析，需要先获取到数据，然后再使用Python的json模块解析成json数据，如果使用request.get_json()会无法获取到数据并返回服务器无法解析的结果

@app.route('/upload',methods=['POST'])
def upload():
    data = request.data
    json_data = json.loads(data)
    print(json_data)
    return '{\'data\':\'json\'}'