워드프레스 Form과 Ajax
워드프레스에서 Form을 작성하고 제출 된 후 기본적으로 리디렉션을 실행하도록 설계되어있습니다. 이를 Ajax를 활용하여 비동기 방식으로 페이지 갱신없이 Form을 제출하고 등록 할 수 있습니다.
[Ajax를 활용한… 등록] 의미와 활용
Ajax를 활용하면 Front-end 환경에서 사용자가 글을 쓰거나 콘텐츠를 등록할때 페이지 갱신없이 바로 업데이트가 가능해집니다. 이로 인해 사용자에게 보다 쾌적한 콘텐츠 생산 경험을 제공하고 별도의 이벤트를 생성할 수 있는 여지가 생겨 다양한 등록 로직에 활용 될 수 있습니다.
등록 후 서버단 처리 시간을 고려해 업데이트를 즉시 실행하지 않고 몇 초간의 지연 실행하도록 했습니다. 이렇게 하면 별도의 알림창이나 다이로그를 사용하지 않고 조금 더 부드럽게 과정을 진행할 수 있습니다.
누적된 테스트가 많아 질수록 메시지 목록이 계속 길어지기 때문에 이를 방지하기 위해 최초 해당 페이지 진입 또는 갱신시에는 최근 등록 된 메시지 3개만 노출하도록 변경하였습니다. 테스트 진행시에는 그대로 누적됩니다.