javascript : input 새로고침 현상 막기

 

 

🔻구현할려고 했던 방식

 

🤍 form 태그안에 input이 있고 검색을 입력할 수 있다.

🤍 input 에 검색어를 입력후 엔터를 누르면 form 안에 있는 데이터가 서버에 전송되기 때문에 새로고침 현상이 일어난다.

🤍 id= "searchkey_t" 를 입력 후 엔터키를 누르면 get_report_data 함수를 실행 후 retrun false 를 해주었다.

🤍 get_report_data 는 데이터를 불러와 뿌려주는 함수인데 새로고침 현상때문에 데이터가 불러와지는 동시 첫 화면으로 새로고침 된다.

$("#searchkey_t").keyup(function (e) {
			if (e.keyCode == 13) {
				get_report_data();
				return false;
			}
		});

 

 

📕 인터넷에 검색해봤을땐 retrun false 를 사용하면 검색과 통시에 데이터를 부른 후

새로고침 현상을 막을 수 있다고 하였으나 해당 방식으로는 구현이 되지 않았다.

 

---

 

💡 해결된  코드

<form name="report" id="report" method="GET" action="<?php echo $move_page; ?>" onsubmit="return false">

 

🩶 input 을 실행할때 겉에 감싸고 있던 form 태그가 실행이 되는데

onsubmit = "retrun false " 를 해주면 새로고침 현상을 막을 수 있다.

 

 

 

---

 

그래도 안된다 싶으면 오류가 나는 부분을 보자,, 나 같은경우는 <button>에 type="button"을 안넣어서 생긴 오류였다.;;