ajax 삭제기능을 구현에 관한 질문입니다.

[이승민]

ajax로 게시판 삭제기능을 구현하던 중 반복문을 사용해보라는 선생님 말씀에 반복문으로 구현을 해보던 중 의문이 생겨 질문드립니다.

<script>
        for(var i=0; i<'<%=글목록.length%>'; i++){
            document.querySelectorAll('.delete')[i].addEventListener('click', function(){
                fetch('/delete?docid=<%=글목록[i]._id%>', {
                    method : 'DELETE'
                })
            })
        }
    </script>

위와 같이 query string으로 넘길려고 하니 i is not defined 이라는 오류가 떠서 문자열 중간에 변수를 넣어서 그런거라고 생각했습니다.
그래서
<script>
        for(var i=0; i<'<%=글목록.length%>'; i++){
            document.querySelectorAll('.delete')[i].addEventListener('click', function(){
                fetch('/delete?docid=<%=글목록['+i+']._id%>', {
                    method : 'DELETE'
                })
            })
        }
    </script>

이렇게 + 기호를 사용해서 문자열 중간에 변수를 넣어서 사용하려고 하

Cannot read properties of undefined (reading '_id') 이런 오류가 뜨면서 실행이 되지 않습니다.
dataset을 이용해서 query를 넘기니 문제없이 작동되어 반복문 자체를 잘못 짠 것 같지는 않다고 생각되는데 무슨 문제때문에 오류가 뜨는 건지 궁금합니다

[이승민]

그리고 좀 다른 질문인데 궁금해서 get, post에 대해서 찾아보니 get의 경우 url에 정보를 담아서 주고
post의 경우는 http의 바디에 정보를 넣어서 준다고 하던데

게시판의 상세페이지처럼 들어있는 내용이 제목과 내용 밖에 없는 경우 

app.get('/detail/:title/:content', async (요청, 응답)=>{
//제목, 내용 상세페이지에 넘김.
})

처럼 url로 그 내용을 주는 것도 괜찮을 방법일까요? 

id만 주면 db에서 글의 제목과 내용을 한 번 더 찾는 일을 해야 하는 것 같아서 여쭤봅니다.

[글쓴이]

글