【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);
}
});
}