Ajax로 form에 있는 데이터 페이지 이동 없이 보내기

<script>
    function ajax(){
  
 
        var formValues = $("form[name=sampleForm]").serialize() ;
 
        $.ajax({
            type : 'post',
            url : '/test.jsp',
            data : formValues,
            dataType : 'json',
            error: function(xhr, status, error){
                alert(error);
            },
            success : function(json){
                alert(json)
            }
        });
  
    }
 
 
</script>
 
<form name="sampleForm" id="sampleForm">
    <input type="text" name="name" id="name" value="권정열" />
    <input type="text" name="email" id="email" value="passion@10cm.com" />
    <input type="text" name="phone" id="phone" value="01012345678" />
</form>

 

번외 ) form태그 페이지 이동 막기

 

 

<iframe id="iframe1" name="iframe1" style="display:none"></iframe>

<form id="form" name="form" method="post" target="iframe1"></form>