[html]form action="" 이고 type이 submit일 때 ajax로 검색하기, form reload 현상

jsp

<form action="">
    <input type="text" placeholder="검색어를 입력하세요" id="dev_nm">
    <input type="submit" value="검색" id="dev_search">
</form>

js

  $('#dev_search').on('click', function(e) {
       //

       $.ajax({ 
            //
        });
   });

 

 

이런 구조의 jsp파일이있고 나는 form, submit형태를 쓰지않고 그냥 js로 ajax활용해 버튼클릭시 검색으로 넘어가게하고싶었다

그래서 그냥 form과 submit을 무시하고했는데 자꾸 검색하고 reload되서 어디서 자꾸 main이 호출되나 한참을 봤는데 js에서 controller의 main메소드로 매핑해논게 없었다

알고보니 저 submit때문에 그냥 저걸누르면 form형식이 없어서 reload되는 것이었따..

저게 문제인지모르고 controller랑 js 디버깅만 왠종일했네 ...

퍼블리싱을 이미 해놔서 구조를 삭제하면 css가 다 날아가기 때문에 그냥 input type을 submit->button으로 변경해주고 css에서도 submit->button으로만 바꿔줬다 

휴 ...