jsp에서 ajax로 등록메서드 호출 시 동시에 등록되는 문제

Question

리뷰를 등록하는데 같은 시간대로 중복 데이터가 발생하는 이슈가 있습니다.리뷰 등록 버튼 클릭 시 등록 메소드를 호출 하는데 우선 중복 클릭 방지를 위해 버튼을 disable 시키고현재 등록 진행 중이라는 표시를 하였습니다.서버에서는 컨트롤러 단에서 행해지는 로직은재구매여부 체크 -> 게시글 등록 -> 게시글 등록 성공 시 마일리지 적립 -> 해당 리뷰에 연결되어 있는 상품 리뷰수 수정 -> 해당 회원의 리뷰 수 수정으로각각 트랜잭션이 분리되어 있습니다.서비스단에서 게시글 등록에서는 트랜잭션으로 묶여져 있고게시글 등록 전 해당 리뷰가 등록할 수 있는 조건인지 확인 한 후에 게시글 등록 로직을 탑니다.앞단에서 막고 서버에서도 중복데이터를 방지하기 위한 로직을 넣었는데 여전히 데이터가 중복으로 등록되는 현상이 일어납니다.이를 방지할 수 있는 방법이 있을까요??? 등록일시가 완전히 똑같은 데이터입니다...ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ

ssalad · Answer

프론트단에서는 이벤트버블링문제..가 아니라면 debounce 처리를 하시면 됩니다

짠개발자 · Answer

클릭 이벤트 거실때 중복으로 거신건 아닐까요.없던 버튼이 생겨나면서 말이죠?.제이쿼리 사용하신다면,off().on('click', ~~);근본적인 방법으론 디버깅으로스코프 확인하시면 어디서 호출하는지 확인 해보심이 어떤가요.정 안 되면 무식한 방법으로 셋타임아웃으로 플래그 주셔서 여러번 호출 안 되게도 방법이겠네요.

Iswn · Answer

원인을 찾기전에는 한시적으로 댓글 저장 레이어팝업 confirm 다이얼로그로 사용자 확인을 받아보세요.이것만으로도 중복을 방지할 수 있을겁니다.이걸로 시간을 벌고 원인을 알아내서 해결하는거죠

hoonyhoney · Answer

DB 유니크 키 걸어서 등록 막으세요

xml개발자 · Answer

버튼을 disable 시켜도 스크립트에서 빨리 처리되면 중복호출될꺼에요.스크립트에서 ajax 두번 실행되지 않도록 변수로 제어 하세요.

캐티 · Answer

유뮬이된 ajax를 사용하여서 이런거 아니나요. 특정한 모델에는 재시도 로직이 포함되어 있는 경우가 있어쩌.대표적으로 노드js 에 got .. 이케 되어서 앵간하면 직접 구현하빈다.여담 .. 서버에서 누군가에 실수가 있었을 수도 있어서 고유 api 요청으로 바꿔서 측정을 하고 이럼에도 문제가 반복되면 서버를 때려야 하게쩌.

네오스카이 · Answer

event.stopPropagation();버블링 막기event.preventDefault(): 이벤트의 기본 동작(예: 링크 이동, 폼 제출 등)을 막고 싶을 때 사용합니다.

장독깨기 · Answer

서버에서 로그로 확인할 수 없는 상황인가요? 두번요청이 있었는지 바로 알 수 있을텐데요.그리고,재구매여부 체크 -> 게시글 등록 -> 게시글 등록 성공 시 마일리지 적립 -> 해당 리뷰에 연결되어 있는 상품 리뷰수 수정 -> 해당 회원의 리뷰 수 수정으로 각각 트랜잭션이 분리되어 있습니다.=> 이게 무슨 말일까요? 하나의 트랜잭션으로 하셔야죠. ㅎ 이거 때문에 중복이 발생했다는 얘기는 아닙니다.

터누 · Answer

버튼을 누를때 한번더 확인하는 alert가 뜨도록 처리가 되어 있을까요? 그런게 없다면 버튼을 클릭했을때 0.1초 hidden 처리 하는걸로 해결했던걸로 기억합니다.

하태연 · Answer

스크립트에서 debounce 설정하시면 될 것 같습니다. 😊검색어 추천이나 지도에서 마커들 표시할 때 자주 사용합니다.

깐이지니11 · Answer

해결했습니다!!!!ajax로 목록 jsp를 가지고 오고 있는데 거기서 이벤트 바인딩을 여러번해서 동시에 호출되었습니다.... $(document).on("click","#id",function(){ 이벤트 함수();});으로 해서 그런 것 같습니다.근데 궁금한게 onclick 이벤트를 줄 때 보통 a 혹은 button 태그에 onclick="함수();"로 하시나요?script에 $("#id").on("click",function(){}); 으로 하시나요??초급이라 다들 어떻게 하시는지 궁금합니다!

Nh드림 · Answer

처음 데이터를 구성할때button을 각 생성 후 한번에 그려요let addBtn = $('<button>') .text('등록') .attr('type', 'button');addBtn.on('click', function () { let name = $('#name').val(); alert('입력한 이름: ' + name); });이렇게 사용하면 이벤트 바인딩이 html 생성되면서 적용되기 때문에 중복호출 발생이되지않음$('셀렉터').on('click', function(){이런방식은 많은 오류를 볼수있어요

박레고 · Answer

혹시 ajax 가 두번 호출되는거 아닌가요? 버튼 클릭 이벤트가 중복으로 걸려 있다던지??

jsp에서 ajax로 등록메서드 호출 시 동시에 등록되는 문제

13개의 답변

#ajax 목록