list에서항목 클릭하면 detail 페이지뜨게하기

[김건우]

숙제로 되어있어서 질문드립니다. 

      <h4 class="todotitle" data-id="<%= posts[i]._id %>">할일제목: <%= posts[i].제목 %></h4>

 

 

      $('.todotitle').click(function(e){
          console.log('클릭');
          let 글번호 = e.target.dataset.id;
          $.ajax({
          method:'GET',
          url:'/detail/:'+글번호,
        })
      })

이런식으로 했는데, 클릭을 해도 console에만 '클릭'이 뜨고 detail 페이지로는 이동이안됩니다.

server.js에는

app.get('/detail/:id',function(req,res){
   db.collection('post').findOne({_id : parseInt(req.params.id) },function(err,client){
      res.render('detail.ejs',{ data : client });
   })
})

이 입력되어 있는 상태구요 

어떻게 구현해야하는건가요 ? 

[codingapple]

ajax로 get요청을 보내는게 아니라

현재 url을 /detail/1로 바꿔주세요~ 라고 코드를 짜면 됩니다

window.location 어쩌구를 쓰면 되고

url바꾸는게 실은 get요청이랑 똑같습니다 

[김건우]

        $('.main-title').click((e)=>{
           let todoNumber = e.target.dataset.id;
           window.location.href = 'http://localhost:8080/detail/'+todoNumber;
        })

이군요 감사합니다. 

[codingapple]

window.location.href = ‘/detail/’+todoNumber;

상대경로로 만들어놓으면 더 괜찮을듯요 

[글쓴이]

글