Jquery:ajax 는 페이지 를 넘 기 고 새로 고침 기능 코드 가 없습니다.

 
var pageSize = "10";//     
var currentPage = "1";//    
var totalPage = "0";//    
var rowCount = "0";//    
var params="";//   
var url="activity_list.action";//action 
$(document).ready(function(){//jquery    document        
//     
function queryForPages(){ 
$.ajax({ 
url:url, 
type:'post', 
dataType:'json', 
data:"qo.currentPage="+currentPage+"&qo.pageSize="+pageSize+params, 
success:function callbackFun(data){ 
//  json 
var info = eval("("+data+")"); 
//     
clearDate(); 
fillTable(info); 
} 
}); 
} 
//     
function fillTable(info){ 
if(info.length>1){ 
totalPage = info[info.length-1].totalPage; 
var tbody_content="";//       "",   "undefined" 
for(var i=0 ; i<info.length-1;i++){ 
tbody_content +="<tr>" 
+"<td data-title='  ' >"+(i+1+(currentPage-1)*pageSize)+"</td>" 
+"<td data-title='  '>"+info[i].title.substr(0,20)+"</td>" 
+"<td data-title='  '>"+info[i].address.substr(0,6)+"</td>" 
+"<td data-title='   '>"+info[i].quota_sign+" </td>" 
+"<td data-title='  '>"+info[i].type+"</td>" 
+"<td data-title='  '><a href='<%=request.getContextPath()%>/activity_edit.action?id="+info[i].id+"'>  </a></td>" 
+"</tr>" 
$("#t_body").html(tbody_content); 
} 
}else{ 
$("#t_head").html(""); 
$("#t_body").html("<div style='height: 200px;width: 700px;padding-top: 100px;' align='center'>"+info.msg+"</div>"); 
} 
} 

//     
function clearDate(){ 
$("#t_body").html(""); 
} 

//     
$("#searchActivity").click(function(){ queryForPages(); }); 
//   
$("#firstPage").click(function(){ 
currentPage="1"; 
queryForPages(); 
}); 
//    
$("#previous").click(function(){ 
if(currentPage>1){ 
currentPage-- ; 
} 
queryForPages(); 
}); 
//    
$("#next").click(function(){ 
if(currentPage<totalPage){ 
currentPage++ ; 
} 
queryForPages(); 
}); 
//   
$("#last").click(function(){ 
currentPage = totalPage; 
queryForPages(); 
}); 

}); 

 
<table class="table style-5"> 
<thead id="t_head"> 
<tr> 
<th>  </th> 
<th>  </th> 
<th>  </th> 
<th>   </th> 
<th>  </th> 
<th>  </th> 
</tr> 
</thead> 
<tbody id="t_body"> 
<!-- ajax     --> 
</tbody> 
</table> 
<button id="firstPage">  </button> 
<button id="previous">   </button> 
<button id="next">   </button> 
<button id="last">  </button>