커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
post에서 막혀요 ㅜㅜ
undefined주차
북마크
김*선
댓글
14
・
추천
0
・
조회수
24
조회수
24
답변 완료

지금 토이프로그램 진행중인데요 ㅠㅠ웹종에있는거 그대로 복사해서 사용중인데 post가 뭐때문인지 먹히질않아요 ...무엇이문제죠 ?? 저번에도 이것때문에 질문을 드렸었는데 자동적으로 해결이되던데 지금은 안되네요 ...

스파르타 즉문즉답
from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

from pymongo import MongoClient
import certifi

ca = certifi.where()

client = MongoClient('mongodb+srv://test:sparta@cluster0.xhgs7fi.mongodb.net/Cluster0?retryWrites=true&w=majority', tlsCAFile=ca)
db = client.dbsparta

@app.route('/')
def home():
   return render_template('index.html')

@app.route("/homework", methods=["POST"])
def homework_post():
    url_receive = request.form['url_give']
    name_receive = request.form['name_give']
    address_receive = request.form['address_give']
    recommend_receive = request.form['recommend_give']

    doc = {
        'url':url_receive,
        'name':name_receive,
        'address':address_receive,
        'recommend': recommend_receive
    }
    db.homework.insert_one(doc)
    return jsonify({'msg':'등록 완료!'})

@app.route("/homework", methods=["GET"])
def homework_get():
    return jsonify({'msg':'GET 연결 완료!'})

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

    <title>🚘여행지 ,맛집 추천🚘</title>
    <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Jua', sans-serif;
        }

        .mytitle {
            width: 100%;
            height: 200px;

            color: floralwhite;
            margin: auto;

            background-image: url('https://cdn.univ20.com/wp-content/uploads/2018/09/ef3fc1bb03a8d9145436c692716a1604.png');
            background-size: cover;
            background-position: center 80%;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .mytitle > button {
            width: 100px;
            height: 35px;

            background-color: transparent;
            color: white;

            border-radius: 30px;
            border: 1px solid white;

            margin-top: 10px;
        }
        .mytitle > button:hover {
            border: 2px solid white;
        }
        .mypost {
            width: 500px;

            margin: 20px auto 0px auto;

            padding: 20px;
            box-shadow: 0px 0px 3px 0px gray;

            display: none;
        }
        .form-floating {
            margin-top: 20px;
        }
        .button {
            display: flex;
            flex-direction:row;
            align-items: center;
            justify-content: center;

            margin-top: 20px;
        }
        .button > button {
            margin-right: 10px;
        }
        .seasons {
            display: flex;
            flex-direction: column;
            align-items: end;
            justify-content: center;

            margin-top: 8px;
        }
        .mycard {
            margin: 20px auto 0px auto;
            width: 95%;
            max-width: 1200px;
        }

    </style>
    <script>
        $(document).ready(function(){
            show_comment()
        });
        function save_comment(){
            let url =$('#url').val()
            let name =$('#name').val()
            let address =$('#adddress').val()
            let recommend =$('#recommend').val()

            $.ajax({
                type: 'POST',
                url: '/homework',
                data: {url_give:url,name_give:name,address_give:address,recommend_give:recommend},
                success: function (response) {
                    alert(response['msg'])
                    window.location.reload()
                }
            })
        }
        function show_comment(){
            $.ajax({
                type: "GET",
                url: "/homework",
                data: {},
                success: function (response) {
                    alert(response["msg"])
                }
            });
        }
        function open_box() {
            $('#seasons-box').show()
        }
        function close_box(){
            $('#seasons-box').hide()
        }
    </script>
</head>
<body>
    <div class="mytitle">
        <h1>여름 (SUMMER) </h1>
        <button onclick="open_box()">기록하기</button>
    </div>
    <div class="seasons" >
        <div class="btn-toolbar mb-3" role="toolbar" aria-label="Toolbar with button groups">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-outline-secondary">봄</button>
                <button type="button" class="btn btn-outline-secondary">가을</button>
                <button type="button" class="btn btn-outline-secondary">겨울</button>
            </div>
        </div>
    </div>
    <div class="mypost" id="seasons-box">
        <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
            <label for="floatingInput">사진URL</label>
        </div>
        <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInputs" placeholder="name@example.com">
            <label for="floatingInput">위치명</label>
        </div>
        <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInputs" placeholder="name@example.com">
            <label for="floatingInput">위치 url</label>
        </div>
        <div class="form-floating">
            <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
            <label for="floatingTextarea">지역추천음식</label>
        </div>
        <div class="button">
            <button onclick="save_comment()" type="button" class="btn btn-dark">작성하기</button>
            <button onclick="close_box()" type="button" class="btn btn-outline-dark">닫기</button>
        </div>
    </div>
    <div class="mycard">
        <div id="cards-box" class="row row-cols-1 row-cols-md-4 g-4">
            <div class="col">
                <div class="card h-100">
                    <img src="https://kr.blog.kkday.com/wp-content/uploads/korea_yangyang_surfing_1.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">위치 이름('명')이 들어갑니다</h5>
                        <h6 class="card-url"><a href="url">위치 주소</a></h6>
                        <p class="card-text">가게명,추천음식 자유롭게 작성해주세요</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <img src="https://kr.blog.kkday.com/wp-content/uploads/korea_yangyang_surfing_1.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">위치 이름('명')이 들어갑니다</h5>
                        <h6 class="card-url"><a href="url">위치 주소</a></h6>
                        <p class="card-text">가게명,추천음식 자유롭게 작성해주세요</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <img src="https://kr.blog.kkday.com/wp-content/uploads/korea_yangyang_surfing_1.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">위치 이름('명')이 들어갑니다</h5>
                        <h6 class="card-url"><a href="url">위치 주소</a></h6>
                        <p class="card-text">가게명,추천음식 자유롭게 작성해주세요</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <img src="https://kr.blog.kkday.com/wp-content/uploads/korea_yangyang_surfing_1.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">위치 이름('명')이 들어갑니다</h5>
                        <h6 class="card-url"><a href="url">위치 주소</a></h6>
                        <p class="card-text">가게명,추천음식 자유롭게 작성해주세요</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body></html>

취소
 공유
취소
댓글 0
댓글 알림
나의얼굴