<script type="text/javascript"> function fnSearch(){ $.ajax({ type : "POST" ,url : "getData.do" ,data : { "ID" : $('#ID').val() ,"NAME" : $("#NAME").val() } ,dataType : "json" ,success : function(transport) { alert(transport.data); } }); } </script> <body> <input type="hidden" name="ID" id="ID" value=""/> <input type="hidden" name="NAME" id="NAME" value=""/> <input type="submit" onClick="javascript:fnSearch();" value="검색" /> <input type="button" onClick="javascript:fnSearch();" value="검색" /> </body> | cs |
위와 같은 소스가 있을 경우 ajax 호출 시 새로고침이 되서 번쩍이는 경우가 있다.
버튼이 두개가 있는데 하나는 submit , 또 하나는 button 으로 되어있다.
submit으로 되어있는 버튼을 누를 경우 ajax 호출을 한다해도 form 에 있는 action 을 타서 번쩍일 테고
아래있는 button 을 누를 경우에는 action을 타지 않는다.
'WORK > JQUERY' 카테고리의 다른 글
| 비밀번호 체크 function 만들기 (0) | 2019.02.26 |
|---|---|
| 선택된 radio 버튼의 text 값 가져오기 (0) | 2019.01.23 |
| jquery disabled 처리 하기 (0) | 2018.12.21 |
| checkbox 값 배열에 담기 (1) | 2018.12.12 |
| Nwagon 차트에서 multi_column 값 넣기 (0) | 2018.11.27 |