커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
다시 질문입니다. EC2서버에서는 MongoDB 연결전 .ajax의 function도 동작이 안되네요.
undefined주차
곽*훈
댓글
11
・
추천
0
・
조회수
18
조회수
18
답변 완료
어제 10시경에 질문을 드렸는데 알아보고 답변을 주신다 했는데 답이 없습니다.
답답해서 좀 더 들여다 보니 팬명록 아래의 현재 기온을 얻어내는 set_temp()도 동작이 안되는 것 같습니다. 인터넷을 찾아 봐서 'success:'아래 'error:'을 삽입해 넣었지만 아예 성공과 실패를 확인해야 할 ajax 자체가 동작을 안하는 것 같습니다. 즉 html형식만 동작을 하는 것 같네요.
EC2에서 동작을 안하는 것이 만 3일이 지나서 매일 질문을 드립니다만 속시원한 답을 주시 않고 있으십니다.
부탁합니다. 다음은 위의 내용을 반영한 index.html 코드입니다.
<!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">
<meta property="og:title" content="김광석 팬명록"/>
<meta property="og:description" content="웅원한마디 남겨 주세용."/>
<meta property="og:image" content="data:image/jpeg;base64,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"/>
<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=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap"
rel="stylesheet">
<style>
* {
font-family: 'Noto Serif KR', serif;
}
.mypic {
width: 100%;
height: 300px;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("data:image/jpeg;base64,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");
background-position: center 30%;
background-size: cover;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mypost {
width: 95%;
max-width: 500px;
margin: 20px auto 20px auto;
box-shadow: 0px 0px 3px 0px black;
padding: 20px;
}
.mypost > button {
margin-top: 15px;
}
.mycards {
width: 95%;
max-width: 500px;
margin: auto;
}
.mycards > .card {
margin-top: 10px;
margin-bottom: 10px;
}
</style>
<script>
$(document).ready(function () {
set_temp()
show_comment()
});
function set_temp() {
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
data: {},
success: function (response) {
$('#temp').text(response['temp'])
}
error: function(jqXHR, textStatus, errorThrown) {
console.log(JSON.stringify(jqXHR));
console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
}
})
}
function save_comment() {
let n_name = $('#name').val()
let r_cmmnt = $('#comment').val()
$.ajax({
type: 'POST',
url: '/homework',
data: {nickname_give: n_name, recomment_give: r_cmmnt},
success: function (response) {
alert(response['msg'])
window.location.reload()
}
})
}
function show_comment() {
$.ajax({
type: "GET",
url: "/homework",
data: {},
success: function (response) {
let rows = response['gstbk']
for (let i = 0; i < rows.length; i++) {
let n_name = rows[i]['n_name']
let r_comment = rows[i]['r_comment']
temp_html = `<div class="card">
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>${r_comment}</p>
<footer class="blockquote-footer">${n_name}</footer>
</blockquote>
</div>
</div>`
$('#comment-list').append(temp_html)
}
}
error: function(){
alert("Error detected")
}
});
}
</script>
</head>
<body>
<div class="mypic">
<h1><h1>김광석 팬명록</h1></h1>
<p>현재기온: <span id="temp">36</span>도</p>
</div>
<div class="mypost">
<div class="form-floating mb-3">
<input type="text" class="form-control" id="name" placeholder="url">
<label for="floatingInput">닉네임</label>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="comment"
style="height: 100px"></textarea>
<label for="floatingTextarea2">응원댓글</label>
</div>
<button onclick="save_comment()" type="button" class="btn btn-dark">응원 남기기</button>
</div>
<div class="mycards" id="comment-list">
</div>
</body>
</html>
댓글 알림
