관리 메뉴

나의 개발일지(김지헌)

화성땅 공동구매 본문

코드 및 잡다

화성땅 공동구매

코딩이좋아요 2022. 9. 4. 17:31

--app.py--

파이 몽고에 넣을때 변수만들고 하기 app.py

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)

 

--html--

내가 가져올 값에 id값을 적어준뒤 app.py폴더에 만든 주소값 넣어주기

function save_order() {
    let name = $('#name').val()
    let address = $('#address').val()
    let size = $('#size').val()
    $.ajax({
        type: 'POST',
        url: '/mars',
        data: {name_give:name,size_give:address,size_give:size '데이터전송'},
        success: function (response) {
            alert(response['msg'])
        }
    });
}

--get--

서버 app.py 쪽

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

html쪽

$(document).ready(function () {
    show_order();
});

function show_order() {
    $.ajax({
        type: 'GET',
        url: '/mars',
        data: {},
        success: function (response) {
            let rows = response['orders']
            for (let i = 0; i < rows.length; i++) {
                let name = rows[i]['name']
                let address = rows[i]['address']
                let size = rows[i]['size']

                let temp_html = `<tr>
                                <td>${name}</td>
                                <td>${address}</td>
                                <td>${size}</td>
                            </tr>`
                $('#order').append(temp_html)
            }

        }
    });
}

 

'코드 및 잡다' 카테고리의 다른 글

버튼 누를시 카운터 올려서 표시하기  (0) 2022.09.05
GET,POST 요청하기 html  (0) 2022.09.05
GET, POST 요청 하기 app.py  (0) 2022.09.05
크롤링  (0) 2022.09.04
4주차 2 flask 서버 만들기 기본 코드  (0) 2022.09.04