index.html

<script>
    $(document).ready(function () {
        show_order();
    });

    function show_order() {
        $.ajax({
            type: 'GET',
            url: '/mars',
            data: {},
            success: function (response) {
                console.log(response)
            }
        });
    }

    function save_order() {
        let name = $('#name').val ()
        let address = $('#address').val ()
        let size = $('#size').val ()

        $.ajax({
            type: 'POST',
            url: '/mars',
            data: { name_give: name, address_give: address, size_give: size},
            success: function (response) {
                alert(response['msg'])
                window.location.reload()
            }
        });
    }
</script>



app.py

@ app.route("/mars", methods=["POST"])
def web_mars_post():
        name_receive = request.form['name_give']
        address_receive = request.form['address_give']
        size_receive = request.form['size_give']

        doc = {
            'name': name_receive,
            'address': address_receive,
            'size': size_receive
        }
        db.mars.insert_one(doc)
        return jsonify({'msg': '주문 완료!'})





@app.route("/mars", methods=["GET"])
def web_mars_get():
    order_list = list(db.mars.find({}, {'_id': False}))
    return jsonify({'orders': 'order_list'})

if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)