ajax 데이터를 보내고 처리 후 리턴 값 보낼때 404에러가 발생합니다.

Question

안녕하세요 신입 개발자 입니다.$(document).ready(function() { $("#submitButton").on("click", function() { $("#loadingSpinner").show(); var formData = new FormData(); var files1 = $("#fileInput")[0].files; for (var i = 0; i < files1.length; i++) { formData.append("multiFile", files1[i]); } $.ajax({ url: "upload.do", type: "POST", data: formData, processData: false, contentType: false, dataType: "json", success: function(response) { $("#loadingSpinner").hide(); if (response.length > 0) { alert("파일 업로드 성공!"); var inputElements = document.querySelectorAll('input#dbname'); for (var i = 0; i < response.length; i++) { inputElements[i].value = response[i]; } var combinedList = []; $("input[name=manual_seq]").each(function (index, item) { var dataItem = { manual_seq: $(item).val(), manual_url: $("input[name=manual_url]").eq(index).val(), filename: $("input[name=if_filename]").eq(index).val(), webname: $("input[name=if_webname]").eq(index).val(), dbname: $("input[name=dbname]").eq(index).val(), size: $("input[name=size]").eq(index).val() }; combinedList.push(dataItem); }); domainLink_data = $("input[name=domainLink]").val(); detectedGroupCode_data = $("input[name=detectedGroupCode]").val(); mbId_data = $("input[name=mbId]").val(); mbNa_data = $("input[name=mbNa]").val(); dseq_data = $("input[name=dseq]").val(); console.log(combinedList); console.log(domainLink_data); console.log(detectedGroupCode_data); console.log(mbId_data); console.log(mbNa_data); console.log(dseq_data); $("#submit").on("click", function () { var dataToSend = { manual_seq_list: combinedList.map(item => item.manual_seq), manual_url_list: combinedList.map(item => item.manual_url), filename_list: combinedList.map(item => item.filename), webname_list: combinedList.map(item => item.webname), dbname_list: combinedList.map(item => item.dbname), size_list: combinedList.map(item => item.size), domainLink_data: domainLink_data, detectedGroupCode_data: detectedGroupCode_data, mbId_data: mbId_data, mbNa_data: mbNa_data } $.ajax({ type: "POST", url: "multideldone.do", data: JSON.stringify(dataToSend), contentType: "application/json", dataType: "json", success: function (response) { console.log("서버 응답:", response); if (response === "") { alert("일괄삭제 완료"); } else { alert(response + "번째 Url에서 에러가 발생했습니다."); } }, error: function(error) { console.error("에러 발생:", error); } }); }); } else { alert("파일 업로드 실패!"); } }, error: function(xhr, status, error) { $("#loadingSpinner").hide(); alert("파일 업로드 실패: " + error); } }); });}); ------------------------------------------------------------------------@RequestMapping(value = "multideldone.do", method = RequestMethod.POST)@ResponseBodypublic String multideldone(@RequestBody ManualSearchdeldoneVO data) { 생략 if (stoppedIndex != -1) {System.out.println(stoppedIndex);// 실패한 경우 실패한 인덱스 값을 반환return Integer.toString(stoppedIndex);} else {// 성공한 경우 빈 문자열 반환return "";}} 위쪽 upload 쪽은 정상적으로 리턴도 받고 오는데 아래쪽 multideldone 쪽에서는ajax 데이터를 보내고 정상적으로 작업을 수행한 후 리턴 보낼때 404 에러가 발생하고 있습니다.

자린이_개발자 · Answer

????뭔가 DTO가 어떻게 구현되어있는지에러발생 시 이클립스 또는 인텔리에 어떤 오류 로그가 뜨는지 등 정보는 주셔야 뭔가 파악이 가능하지 않을까요?

양반후반 · Answer

404는 별거 없습니다.url 및 method 가 맞는지 확인 해보세요.

뎅이 · Answer

404 는 request url에 해당하는 request mapping이 서버에 없을 때 발생합니다. (spring의 경우)Browser Dev Console 에서 서버 URL을 확인Controller Request Mapping 확인URL은 / 로 시작하는 게 보통입니다.1번 2번이 동일하다고 판단되는데도 404가 떨어진다면 상세 로그 분석이 필요함

codezzzz · Answer

컨트롤러 url이 prist/manual/multideldone 이 맞을까요?

HCHOLT · Answer

와 먼 짓을 해도 안되던 중에 수정 사항이 적용 안되는 걸 발견했습니다.......프리징 해결 하고 나니 정상 작동 하던군요........

ajax 데이터를 보내고 처리 후 리턴 값 보낼때 404에러가 발생합니다.

5개의 답변

기술 목록