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

Idel·2023년 1월 22일
0

개발블로그

목록 보기
7/20

해결방법

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개의 댓글

Powered by GraphCDN, the GraphQL CDN