Post(주문 저장하기)

웹개발 종합반 4주차 - Post(주문 저장하기)

 

 

 

 

서버 : name, address, size를 받아서 DB에 넣어주기

 

1) 데이터 받기

@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']

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

 

 

 

2) mongo DB에 넣어주기

from pymongo import MongoClient

client = MongoClient('mongodb url')

db = client.dbsparta

pymongo연결

 

 

 

3) 저장하기 + 메세지

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': '주문 완료!'})

 

 

4) 클라이언트 만들기 (html)

        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()

          });

      }

이름, 주소, 평수에 대한 인풋값을 담아줌. 아래에서 id값을 확인한 후에 입력해 줬다. $('#id값').val()

다음으로 넘겨주어야 하므로 formData.append()

 

 

 

5) 확인하기

다음 자동으로 새로 고침이 되고,

데이터가 내 monggo DB에 잘 저장 되었다.

 

 

중간에 자꾸 저장이 안돼서 왜그러지 찾아봤는데

내 monggoDB URL을 제대로 기입을 안해서 그랬음!