웹개발일지(서버, 클라이언트 연결) #004

여전히 헤매는 중.

 

반복으로 익숙해져야 하는 단계

 

 

@app.route("/homework", methods=["POST"])
def homework_post():
    name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']

    doc = {
        'name': name_receive,
        'comment': comment_receive
    }

그나마 다행인건 이 부분은 그래도 할 수 있다

 

 

문제는 왜 어떨땐 안돼서 머리좀 식히고 오면 멀쩡히 되냐고... 아무것도 안건드렸는데

 

 

$.ajax({
    type: 'POST',
    url: '/homework',
    data: {'name_give':name, 'comment_give':comment},
    success: function (response) {
        alert(response['msg'])
        window.location.reload()
    }
});

다시 짚어보니 클라이언트 쪽의 이 부분하고 연결된다는게 보여서 다행

 

 

success: function (response) {
    let rows = response['comments']
    for (let i = 0; i < rows.length; i++) {
        let name = rows[i]['name']
        let comment = rows[i]['comment']

        let temp_html = `<div class="card">
                            <div class="card-body">
                                <blockquote class="blockquote mb-0">
                                    <p>${comment}</p>
                                    <footer class="blockquote-footer">${name}</footer>
                                </blockquote>
                            </div>
                        </div>`
        $('#comment-list').append(temp_html)

그리고 클라이언트에서 이렇게 입력을 밑에 덧붙여주는 부분

이렇게 보면 간단한데 막상하면 또 헤매겠지

 

def homework_get():
    comment_list = list(db.homework.find({},{'_id':False}))
    return jsonify({'comments':comment_list})

이게 서버랑 연결되는거 인거 같은데 다시 보고 확신을 가져야겠다.

 

일단 5주차 ㄱㄱ 해야지