GET 연습

송민지·2022년 2월 26일
0

웹개발 종합반

목록 보기
24/27

1) API 만들고 사용 - 저장된 주문을 화면에 보여주기(Read → GET)

  1. 요청 정보 : URL= /, 요청 방식 = GET
  2. 클라(ajax) → 서버(flask) : (없음)
@app.route("/mars", methods=["GET"])
def mars_get():
    orders_list = list(db.orders.find({},{'_id':False}))
    return jsonify({'orders':orders_list})
  1. 서버(flask) → 클라(ajax) : 전체 주문을 보내주기
function show_order() {
    $('#order-box').empty()
    $.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-box').append(temp_html)
            }

        }
    });
}
profile
기록하는 일상

0개의 댓글