1-7, 별다른 오류는 안 뜨는데 전시 URL을 입력하고 등록해도 반응이 없어서 무엇이 문제인지 알고 싶습니다.

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

1-7, 별다른 오류는 안 뜨는데 전시 URL을 입력하고 등록해도 반응이 없어서 무엇이 문제인지 알고 싶습니다.

undefined주차

신*성

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

제목 그대로 무엇이 문제인지 모르겠습니다. fetch 요청이 안 된걸까요?

<!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">
    <title>오늘의 전시</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js">
    </script>
    <style>
        html,
        body,
        h1,
        h2,
        p,
        a,
        span {
            margin: 0;
            padding: 0;
        }


        .wrap {
            width: 1050px;
            margin: auto;
        }


        .card {
            width: 320px;
            height: 340px;


            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;


            margin: 16px 10px;
            border: 1px solid black;
        }


        .card-wrap {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }


        .card-image {
            background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQySOzBGLLu4AwrW2SnqlN9B4-SKt6YWoMXwA&usqp=CAU');
            background-position: center;
            background-size: cover;


            width: 100%;
            height: 200px;
        }


        .card>span {
            margin: 8px;
        }


        .card-title {
            font-size: 18px;
            font-weight: bold;
        }


        .period {
            color: yellowgreen;
            font-size: 14px;
        }


        .tags {
            color: gray;
            font-size: 14px;
            word-break: keep-all;
        }


        .url-form {
            align-items: center;
            justify-content: space-around;
        }


        .plus-form {
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
    </style>
    <script>
        $(document).ready(() => {
            showPlusForm();
        })
        
        const showUrlForm = () => {
            $('#url-form').show();
            $('#plus-form').hide();
        }
        const showPlusForm = () => {
            $('#url-form').hide();
            $('#plus-form').show();
        }
        const posting = () => {
            let url = $('#url').val();


            let formData = new FormData()
            formData.append("url_give", url)


            fetch('/exhibit',{method: "POST", body: formData}).then(res => res.json()).then(data => {})
                alert(data['msg'])
                window.location.reload();
        }


    </script>
</head>


<body>
    <div class="wrap">
        <h1>오늘의 전시</h1>
        <div class="card-wrap">
            <div class="card">
                <div class="card-image"></div>
                <span class="card-title">제목</span>
                <span class="period">기간</span>
                <span class="tags">#설명회 #설명회 #설명회 #설명회 #설명회 #설명회 #설명회 #설명회 </span>
            </div>
            <div id="url-form" class="url-form card">
                <input id="url" placeholder="전시 URL을 입력해주세요!">
                <div>
                    <button onclick="showPlusForm()">취소하기</button>
                    <button onclick="posing()">등록하기</button>
                </div>


            </div>
            <div id ="plus-form"onclick="showUrlForm()" class="plus-form card">
                <span>+</span>
                <span>추가하기</span>
            </div>
        </div>


    </div>


</body>


</html>

from pymongo import MongoClient
from bs4 import BeautifulSoup
import requests
from flask import Flask, render_template, request, jsonify
app = Flask(__name__)



client = MongoClient(
    "mongodb+srv://sparta:test@cluster0.djurkdo.mongodb.net/?retryWrites=true&w=majority")
db = client.pirates_lv1



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



@app.route('/exhibit', methods=["POST"])
def post_exhibit():
    url_recive = request.form["url_give"]


    headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
    data = requests.get(url_recive, headers=headers)
    soup = BeautifulSoup(data.text, 'html.parser')


    title = soup.select_one('#container > div.wide-inner > section > div.infor-title > h3').text
    period = soup.select_one('#container > div.detial-cont-element.active > div > dl:nth-child(1) > dd').text.strip()
    tags = soup.select_one('#container > section.tag-element.poi > p').text.replace('\n', ' ')


    image = soup.select('.item')[1]['style'].replace("background-image:url('", '').replace(");", '')
    image = 'https://korean.visitseoul.net'+image


    doc = {
        'url': url_recive,
        'title': title,
        'period': period,
        'tags': tags,
        'image': image
    }


    db.exhibition.insert_one(doc)


    return jsonify({"msg": "저장 완료!"})


if __name__ == "__main__":
    app.run(debug=True, port=8080)

댓글 알림