使用$.ajax局部刷新ul,但最后刷新了整个页面

js代码:
<script>
    function getPage(page){
     $.ajax({      type: "post",
      async: true,
      url: "getNews.php",
      data: {page:page},
      dataType: "json",
      //jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名
      //jsonpCallback: "getName",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
      success: function (data) {            $("#etnews").html(data);
      },
      error: function () {
       alert('fail');
      }
     });
    }
</script>
要替换的代码是从数据库中获取的
<ul class="new-list" id="etnews" >
  <?php   
 //循环显示记录    
 if($myrow=mysqli_fetch_array($res))    
 {    
 $i=0;    
 ?>      
 <?php    
 do   {    
 $i++;    
 echo
     
      '<li>
                 <a href="news-detail.php?id='.$myrow['id'].'">
          <div class="visible-xs-inline li-left">
                                  <img src="'.$myrow['page_image'].'" alt="">
                          </div>
                          <div class="li-right">
                                 <span>'.$myrow['title'].'</span>
                                 <span>'.date('Y-m-d',strtotime($myrow['created_at'])).'</span> 
                          </div>
                 </a>';
            
   
 }    
 while  ($myrow= mysqli_fetch_array($res));    
 echo   "</li>"   ;    
 }    
 echo '</ul>';
ul中的内容替换了,但是刷新了整个页面