목적 ajax와 같은 비동기 통신시 여러개의 동일 요청이 들어오면 가장 마지막 요청만 받아서 수행하도록 구성 비동기 통신을 구현하면서 다음과 같은 현상이 발생합니다. 게시판 페이징 처리를 했다고 가정합니다. 네트워크가 느리거나, 데이터가 많아서 로딩이 오래걸리는 경우 페이징을 1~5까지 빠르게 넘길 때 데이터가 이 속도를 따라오지 못해서 느리게 쫒아오는 경우가 있습니다. 이럴경우 로딩이 안되고 다른페이지 로드시 오류가 발생할 수도 있고, 시각적으로도 올바르지 못합니다. 이럴때 사용하는 메소드는 abort() 메소드 입니다. abort() 를 사용해서 동일한 ajax 호출시. 이전 요청을 삭제하고 지금 받은 요청을 처리하는 식으로 코드를 짜면됩니다. let ajax = null; // function no..

이전에 만들었던 버튼 이후 text 란과 option 값을 주고 ajax 통신 버튼을 만들었다. 지금 하는 것은 충분히 value로 alert를 할 수 있지만, fetch 함수를 통해 비동기적으로 구성되도록 하였다. 추후 페이지 개발시에는 페이지 이동 없이 로그인 기능을 구현 할 수 있다. text에 입력 받은 값을 비교 후 alert를 하고, 나이가 10대일 경우 입장이 불가하다는 alert를 구현해보았다. jsp 코드] 먼저 jsp 코드를 보면 result 라는 객체(Object 를 값으로 전달한다. 값을 text필드의 값과 select의 value를 넣고 추후 구분을 위한 rule과 auth를 선언하였다. body: JSON.stringify(result) fetch api가 전달하는 파라미터중 b..