[HTML] form을 ajax로 submit 할 때 새로고침 방지

Idel·2023년 1월 22일
0

개발블로그

목록 보기
6/19

해결방법

1. form 태그의 onSubmit으로 폼 입력 양식 체크 함수 checkFrmCenter()는 button 등록 버튼을 클릭하면 작동되도록 수정

<button type="button" onclick="checkFrmCenter()" class="btn btn-primary">등록</button>

2. form 태그의 onSubmit 수정

<form id="frm_center" name="frm_center" method="POST" onSubmit="return false;">

상황

ajax로 데이터를 저장한 뒤 입력 된 정보를 이어받아 지도에 마커 표시를 하고 싶은데,
form을 submit 하고 데이터가 저장되면 화면이 새로고침 되어
전역 변수 값이 계속 초기 설정 값으로 바뀌었습니다.

0개의 댓글