php+ajax+json实现分页

在web开发，尤其是内容站的开发，分页总是一个说不完道不尽的话题。分页到好坏也直接关系到我们网站能否有一个好的用户体验。尤其在显示大量数据，一个高效的分页方法直接关系到网站的访问速速。

分页的原理就不讲了，把数据库中的数据用一定的方法分为一段一段来显示，这个应该大家都知道。分页有很多方法，说说我学习分页的过程吧。
我在刚开始学做开发的时候，第一次做是弄个新闻系统，不知道从哪里找了一本不知道有多垃圾的参考书（全书实例那种，只要把代码抄一遍，就可以出东西的那种，不知道自己当时怎么想的），把所有的数据取出来，然后逐个逐个排一下，前十个放第一页，再十个放第二而……然后呢，多添几条数据，这个页面就没法打开了。再后来我就知道，其实为什么要一下取这么多数据，直接配合数据库，用limit可以很好的解决这个问题。再后来，配合ajax可以无刷新分页，，等等这一些方法，虽然刚开始挺傻的，但是慢慢一个过程下来，还是能有收获的。
这里就不说那些傻不垃圾的学习过程了，我们的主题是说php+ajax+json实现无刷新分页，先看个效果图。



我做的这个应用每一次只显示一个数据实例，所以只是在做上一个，下一个，但是原理是一样的，就以这个实例来讲了。
第一步，定义全局XMLHttpRequest对象实例，这个和其他ajax操作是一样的，就不讲了。
第二步，定义发送请求函数，这个也是千往篇一律的，不讲了。
第三步，定义一个分页函数。点击Prev One，查找上一条数据；点击Next One，查找下一条数据。分页函数传进两个参数，pg值为-1或1，表示上一页或下一页，maxpg表示总页数。如果点击上一页或下一页是超出页面范围给予错误提示，并做相应处理。

JavaScript代码

var page=1;//全局变量

//进行翻页操作

function doPage(pg,maxpg)

{

page+=pg;

if(page<1)

{

page=1;

alert("当前已是第一条");

}

if(page>maxpg)

{

page=maxpg;

alert("当前已是最后一条");

}

var url="http://localhost:81/joke/page.php?page="+page;

sendRequest(url);

}

第四步，生成josn数据。这步应该算是核心了，但是其实并不难，主要是有一个函数，string json_encode ( mixed

$value

[, int

$options

= 0 ] )，这个函数给个链接在这，自己可以去看看。

PHP代码

$info=array(array('contentinfo'=>$content,'good'=>$good,'bad'=>$bad,'dnum'=>$dnum));

$contentinfo=json_encode($info);

echo $contentinfo;

是吧，代码都很简单，其中$content,$good,$bad,$dnum用php直接查出来就即可。细心的人也许很快就发现了，上面只有一条数据，为什么要用两个array呢，有两个原因，一是用两个array也调用显示时会更方便，二是真正用来分页时，肯定是有多条数据啦，为了好移植。
第五步，解析json数据。这里要用到这个函数eval(strng)，也放个链接在这，自己看。

JavaScript代码

//json处理

var resultStr=http.responseText;

var show_info=eval(resultStr);

document.getElementById("jtext").innerHTML=show_info[0].contentinfo;

document.getElementById("jgood").innerHTML=show_info[0].good;

document.getElementById("jbad").innerHTML=show_info[0].bad;

document.getElementById("jdnum").innerHTML=show_info[0].dnum;

信息成功反回，处理信息，先用responseText把返回的数据接收下来，用eval（）函数执行，得到二维数组，数组应该都会用吧。然后把相应的值再返回到php文件中，这整一个效果就出来了。

这么几步下来，是不是觉得非常简单呀，其实用json来传输数据，最优势的地方，并不是简单，而是传输效率和解析速度，相对于其他方法，那真叫一个快。本例其实也可以用xml来实现，但是xml的解析一个是复杂，一个是没有效率。
看完有没想立马试一试的感觉呢？？？

转载本站原创文章请注明作者和出处 畅想网-畅想博客