------ index.js
app.get('/search', function (요청, 응답) {
console.log(요청.query.value);
db.collection('post').find({ 제목: 요청.query.value }).toArray(function (에러, 결과) {
console.log(결과)
});
});
------ list.ejs
<div class="container input-group mb-2">
<input class="form-control" id="search-input">
<button class="input-group-append btn btn-danger" id="search">검색</button>
</div>
<div class="container">
<ul class="list-group">
<% for (var i=0; i < posts.length ; i++){ %>
<li class="list-group-item">
">
<h5 class="p-3 mb-2 bg-dark text-white"><i class="bi bi-file-text"></i>
<%= posts[i].제목 %>
</h5>
<p> Number : <%= posts[i]._id %>
</p>
<p> Due date : <%= posts[i].날짜 %>
</p>
<button type="button" class="delete_class btn btn-danger btn-sm float-right"
data-id="<%= posts[i]._id %>">delete</button>
"> <button type="button"
class="edit_class btn btn-secondary btn-sm float-right">edit</button>
<% } %>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- 검색 기능 -->
<script>
$('#search').click(function () {
var 입력한값 = $('#search-input').val()
window.location.replace('/search?value=' + 입력한값)
})
</script>
질문:
대장님 위와같이 작성하였습니다. 그러나 검색 버튼을 누르면
console에는 검색창에 입력한 값은 정상적으로 나오지만 화면전환이 안되고 로딩만 계속 되고있습니다.
오타도 모두 확인해봤습니다. 도와주세요!
