background image

PHP 代码】php+ajax 实现分页效果

ajax 可以实现无刷新提交,当然也可以实现无刷新分页,这对于用户体验来说是很不错 ,
好了,废话不说,看代码。

ajaxpage.php【这里是数据展示页面的代码】:
<meta charset=’utf-8′>
<script

 

src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js” 

type=”text/javascript”/></script>
<script type=”text/javascript”>
//获取当前 url 地址,主要是获取 page 参数,为了不实现跳转在分页中采用了锚点连接的
方式
var url=location.href;
uarr=url.indexOf(‘#’);
npage=url.substr(uarr+6);
if(!npage)npage=1;
jQuery(function(){
 $.ajax({
     type: “POST”,
     url: “ajax.php”,
     dataType:’json’,//由于 ajax 返回值是数组,所以在 php 脚本中经过 json 编码
     data: “page=”+npage,
     success: function(msg){
     $(‘#post_result’).html(msg.page_content);
     $(‘#navipage’).html(msg.page_list);
     }
  });
})
function url_go(page){
 $.ajax({
     type: “POST”,
     url: “ajax.php”,
     dataType:’json’,
     data: “page=”+page,
     success: function(msg){
     $(‘#post_result’).html(msg.page_content);
     $(‘#navipage’).html(msg.page_list);
     }
  }); 
 
}