Ajax 응답시간 조정, timeout, async: false 에 대해서

Question

안녕하세요 개발자 선배님들!! ajax 비동기 통신에 대해서 궁금한 점이 있어서 이렇게 글을 올립니다.화면에서 ajax 통해 서버로 데이터를 보내주고 완료가 되면 success 로 넘어와서 다음과정을 처리하는 것으로 이해를 하고 있습니다.여기서 문제는 데이터양이 적은것들은 ajax success로 넘어와서 작동이 잘되지만, 데이터가 20만건이 넘어가는 것들은 ajax가 서버의 데이터 처리후의 응답(데이터 처리 완료시간: 20분~30분정도 소요..)을 기다리지 않고, 잠시 후에 error를 발생시킵니다.구글링 하여, 제가 ajax 설정으로 시도해본것은&#34;timeout&#34; 으로 시간조정,(timeout: 3000000)&#34;async: false&#34; 동기통신으로 전환 으로 서버의 응답을 기다린 후에 화면단 처리를 할 수 있도록 코드변경을 해보았는데, 그럼에도 ajax 는 서버의 응답을 기다리지 않고 error를 발생시킵니다.혹시 제가 모르는 무언가가 있는거 같은데 개발자 선배님들의 조언이 필요합니다 ㅜㅜ

ilillllililll · Answer

상세한 에러 메시지의 내용이 없어서 이거다라고 말씀드릴 수는 없지만글의 내용으로만 봐서는 timeout 이전에 연결 문제일수도 있겠다는 생각도 듭니다.오류 메시지는 뭐라고 뜨는가요? 그리고 데이터 처리가 20~30분이나 소요될 정도의 작업이 어떤 것인지는 모르겠지만저라면 그 작업부터 최적화를 하던지, 혹은 그 작업을 어떻게 처리 할 수 없는 상황이라면 작업에 대한 요청만 던지고 페이지에 접근할 때 마다 작업 진척도를 보여주는 식으로 만들것 같습니다.몇 십분을 기다려야 하는 것은 UX적으로 좋지 않은 선택이라고 생각합니다.

woo.s.o · Answer

timeout limit의 위치는 여러 곳에 있어서 파악 후 하셔야 합니다. 1. 브라우저 / Ajax 호출 - 위에 하셨으니 패스 하겠습니다.2. 백앤드 언어 - PHP를 예로 들면 php.ini내의 ini_set('max_execution_time', '1800'); 혹은 set_time_limit(1800);3. 웹서버 - 아파치의 경우 Timeout apache2.conf가 있습니다 추가로 해당 타임아웃에 대한 리미트를 풀게되면 모든 xmlhttprequest에 무한정 대기(좀비 프로세스 대량 생산) 할 수 있으니 사용시 주의 하세요어느 위치던지(백앤드 or ajax) 제한을 해주셔야 안전 할겁니다.

BalanceE · Answer

aJax의 문제가 아니라해당 요청을 받는 서버가 데이터를 못보내주는거 같은데요 20만건의 데이터를 프론트가 아니라 단순 백단에서 요청해도 못받을듯합니다..;;;20만건의 데이터를 다 들고 오는것이 아니라 페이징 처리를 하셔서 보여지는 영역에 대해서만 노출하게 끔 하셔야죠

kdm**** · Answer

Nira 님 감사합니다! ^^UX 적으로 좋지 않다는 부분까지 알려주셔서 정말 감사합니다ㅜ 지식 &#43;1 되었습니다.에러코드는 현재 확인을 할 수 없는 상황이라, 정확친 않지만,개발자 도구 &#34;네트워크&#34;에서 bad gateway the proxy server received an invalid response from an upstream server라는 에러를 발생시킵니다.데이터 처리작업은 어려운 상황인거 같아, Nira님께서 두번째로 말씀해주신&#34;작업에 대한 요청만 던지고 페이지에 접근할 때 마다 작업 진척도를 보여주는 식으로 만들것 같습니다.&#34; 라는 부분에 초점을 맞춰야 할거 같네요 ㅜ 좀 더 저의 상황을 좀 더 자세히설명을 드리면 1. 데이터가 담긴 파일을 업로드 한다.2. 업로드 후 DB입력이라는 버튼은 누른다.3. 업로드된 파일의 데이터를 DB에 넣는다. (이때, 화면 progress_bar(?) Loding 중이다 라는 화면을 띄운다)4. 3번의 과정이 끝나면서 서버의 응답을 보내주면 ajax가 그 응답을 받아서 progress_bar를 다시 숨겨준다. 이 과정을 거치는데. &#34;접근할 때 마다&#34;라는 것이 이해가 잘 안되는데, 말씀이 저의 상황에도 적용이 될까요??

kdm**** · Answer

woo.s.o 님 감사합니다! ^^많은 아이디어를 주셔서 궁금한 사항이 많네요 ㅜㅜ 그렇다면 timeout limit를 여러곳에 있다면 적용하고 싶은 페이지마다 timeout을 설정할 수 있다는 말씀이신가요??1. 감사합니다 ^^2. 의 경우에는 서버에서(참고로 JAVA 입니다^^) 화면단 요청하고 반응하기 까지의 시간을 조율이 가능하다는 말씀이신가요?3. 웹서버 경우는 운영서버라 제가 설정을 건드리기에는 위험부담이 있을거 같습니다 ㅜㅜ

kdm**** · Answer

BalanceE 님 감사합니다!! ^^제가 설명이 많이 부족했습니다 ㅜㅜ죄송합니다.서버에서 20만건을 처리를 하는데, 서버에서만 처리되고 화면으로는 가지고 오지 않습니다 ㅜㅜ화면에서는 서버에서의 응답만 가져오고 화면에서 완료되었다는 것만 알려주도록 코딩되어 있습니다 ㅜ

한량이 · Answer

저랑 같은 상황이셨네요.. 전 엑셀 업로드 처리하고, 완료되면 &#34; '파일이름' 이 업로드가 완료되었습니다.&#34;라고 처리해놨는데 일정 시간이 넘어가면 ajax에서 error를 내뱉더라구요..로그를 확인해보면 sql문은 돌아가고있구요..혹시 상황 해결하셨다면 저도 도움 부탁드립니다 ㅠㅠ

Ajax 응답시간 조정, timeout, async: false 에 대해서

7개의 답변

Q&A 목록