project movie 11

detail 댓글 작성오류

디테일 페이지를 이미지에 맞는index값으로 불러오고있어서
댓글을 입력하면

예상치 못한 오류가 발생했습니다(유형=잘못된 요청, 상태=400).
'java.lang.String' 유형의 값을 필수 유형 'int'로 변환하지 못했습니다. 입력 문자열의 경우: ""
org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: 'java.lang.String' 유형의 값을 필수 유형 'int'로 변환하는 데 실패했습니다. 입력 문자열의 경우: ""

오류 공백이 없는데도 이런 오류가 생기는이유를 잘 모르겠다,,

detail 페이지에서 가져오는

<section class="mt-5 px-3">
	<c:if test="${rq.isLogined() }">
		<form action="../reply/doWrite" method="POST" onsubmit="ReplyWrite__submit(this); return false;">
			<input type="hidden" name="relTypeCode" value="article" /> <input type="hidden" name="relId" value="${article.id }" />
			<table class="write-box table-box-1" border="1">
				<tbody>
					<tr>
						<th>내용</th>
						<td><textarea type="text"class="input input-bordered input-primary w-full max-w-xs"style="color:black; autocomplete="off" width:"100%";
								placeholder="내용을 입력해주세요" name="body"> </textarea></td>
					</tr>
					<tr>
						<th></th>
						<td><input class="btn btn-outline btn-info" type="submit" value="댓글 작성" font-color:black;/></td>
					</tr>
				</tbody>
			</table>
		</form>
	</c:if>

계속 시도 해봤지만 어려움을 겪고있어서 다른 방법으로 해보려고한다 차라리 크롤링해오는 이미지들에 relid를 부여하고 똑같이 relid의 값으로 detail 페이지를 보여주고 거기에
function loadComments(movieIndex) {
// AJAX 요청을 사용하여 서버로부터 댓글을 가져오는 코드 작성
// 가져온 댓글은 배열로 반환
// 예시: 댓글을 가져오는 AJAX 요청
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/comments?movieIndex=" + movieIndex, false); // 동기적 요청으로 설정 (true: 비동기, false: 동기)
xhr.send();
if (xhr.status === 200) {
return JSON.parse(xhr.responseText); // 서버에서 받은 JSON 데이터를 파싱하여 배열로 반환
} else {
console.error("댓글을 불러오는 데 실패했습니다. 상태 코드:", xhr.status);
return []; // 빈 배열 반환
}
}