<body>
<!--nav.html을 첨부해주세요-->
<%- include('nav.html') %>
<h4 class="ml-2 my-3 text-center">서버에서 가져온 할일 리스트</h4>
<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">
<p>글번호 : <%= posts[i]._id %></p>
<h4>할일 제목 : <%= posts[i].제목 %></h4>
<p>할일 마감날짜 : <%= posts[i].날짜 %></p>
<button class="btn btn-danger delete" data-id ="<%= posts[i]._id %>">삭제</button>
<% } %>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!--CDN방식 jQuery 설치-->
<script>
$('#search').click(function(){
var 입력한값 = $('#search-input').val();
window.location.replace('/search?value=' + 입력한값)
});
</script>
이렇게 list.ejs파일을 작성하였고
app.get('/search', (요청, 응답) => {
console.log(요청.query.value)
db.collection('post').find({제목:요청.query.value}).toArray((에러, 결과)=>{
console.log(결과)
})
})
이렇게 server.js도 잘 작성하여 검색버튼을 누르면 콘솔창에는
점심먹기
[ { _id: 9, '제목': '점심먹기', '날짜': '8월 13일' } ]
이렇게 뜨는데 url은 바뀌지 않습니다..
뭐가 문제 일까요?
