* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

-해당 수업에서 잘 따라가서, 코딩은 다 했는데, localhost:5001 페이지에 데이터 입력 후 '주문하기' 버튼을 누르면 아무런 응답이 없습니다.("저장완료!"가 뜨지 않습니다ㅠㅠ) 아무리 살펴봐도 수업이랑 똑같이 작성한 것 같은데 문제가 무엇일까요?

-그리고 mongoDB에 데이터가 전송이 되지 않는데.. 이 부분도 이전 3주차 강의부터 다 따라갔다고 생각했는데 이건 어떻게 해봐야할까요?

app.py 코드

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)

from pymongo import MongoClient

client = MongoClient(

'mongodb+srv://sparta:test@cluster0.nrtmcio.mongodb.net/?retryWrites=true&w=majority')

db = client.dbsparta

@app.route('/')

def home():

return render_template('index.html')

@app.route("/mars", methods=["POST"])

def 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 mars_get():

return jsonify({'msg':'GET 연결 완료!'})

if __name__ == '__main__':

app.run('0.0.0.0', port=5001, debug=True)

---------

index.html 코드(수정한 부분)

<script>

$(document).ready(function () {

show_order();

});

function show_order() {

fetch('/mars').then((res) => res.json()).then((data) => {

console.log(data)

alert(data['msg'])

})

}

function save_order() {

let name = $('#name').val()

let address = $('#address').val()

let size = $('#size').val()

let formData = new FormData();

formData.append("name_give", name);

formData.append("address_give", address);

formData.append("size_give", size);

fetch('/mars', { method: "POST", body: formData }).then((res) => res.json()).then((data) => {

alert(data["msg"]);

window.location.reload();

});

}

</script>