ajax实现分页查询,前端ajax分页
分页的首页
meta http-equiv= Content-Type Content= text/html；charset=utf8 /
h1 align=居中武侠小说分页/h
br/
脚本src= jquery-1。4 .2 .量滴js /脚本
脚本
var page=
函数初始化（第页){
文档。getelementbyid(“表”).innerHTML=
var xhr
如果（窗口XMLHttpRequest){
xhr=new XMLHttpRequest()；
}else if(窗口ActiveXObject){
xhr=新建ActiveX对象( Microsoft .XMLHTTP’)
}
var URL= fenye.php
xhr.open(POST ，url，true)；
xhr。onreadystatechange=callback
xhr。setrequestheader( Content-Type ， application/x-www-form-urlencoded )；
如果（第页){
xhr。send( page= page)；
}
else { xhr。发送( page=1 )；}
定义变量内容；
函数回调(){
if(xhr.readyState==4){
if(xhr.status==200){
var JSON=eval(( xhr。responsetext’))；
//alert(xhr。responsetext)；
var fenye=json.str
//alert(fenye)；
document.getElementById(div ).innerHTML=fenye
内容=第ID/第名称/th作者/th出版社/第四国际标准书号号/th类型/th价格/th
for(var I=0；我JSON。信息。长度；i ){
内容= tr td json.info[i].id /td td json.info[i].name /td td json.info[i].author /td td json.info[i].publisher /td td json.info[i].isbn /td td json.info[i].键入"/TD TD"JSON。信息[I].价格/tr
文档。getelementbyid(“表”).innerHTML=内容；
}
//alert(fenye)；
}
}
}
}
/脚本
body onLoad=init()
h3 align=center jquery实现$.创建交互式、快速动态网页应用的网页开发技术的分页/h3
table id= tables align= center border= 5 border color= # ff 6600
第ID/第名称/th作者/th出版社/第四国际标准书号号/th类型/th价格/th
/表格
表格对齐=居中
tr td
任务描述
div id=div /div
/td
/tr
/表格
br /
/body
分页的服务器端编程语言(专业超文本预处理器的缩写)精华代码
？服务器端编程语言(专业超文本预处理器的缩写)
//命令模型层处理数据
$link=mysql_connect(localhost ， root ，)或死(’失败);
mysql_select_db(books ，$link)或死(’连接数据库出错了!);
//每页显示记录数
$ pagesize=2；
//求出总的记录数
$ SQL= select count(*)as total _ rows from books ；
$ result=MySQL _ query($ SQL)；
$ total _ rows=MySQL _ fetch _ array($ result)；
//求总共的页码数
$ pages=ceil($ total _ rows[0]/$ pagesize)；
//当前第几页
$ page=$ _ POST[ page ]；
$strtext=当前第第$页。页。总共“页数……”页。共 total_rows[0]，记录；
//var _ dump($ str)；
//接下来，我要根据当前点击的页码求出对应的数据
$ offset=$ pagesize *($ page-1)；
$ SQL= select * from books limit $ offset，$ pagesize ；
MySQL _ query( set names utf8 )；
$ RES=MySQL _ query($ SQL)；
$ rows=array()；
while($ row=MySQL _ fetch _ assoc($ RES)){
$ rows[]=$ row；
}
$ pageInfo=$ rows
//echo JSON _ encode($ pageInfo)；
//var _ dump($ pageInfo)；
//将获得数据链接，后返回
$ first=1；
$ prev=$ page-1；
$ next=$ page 1；
$ last=$ pages
//命令视图层显示数据
$ first _ a= a href= # img src= 3。jpg width= 50px高度= 20px//a
如果($第一页){
$ prev _ a= a href= # img src= 1。jpg width= 50px高度= 20px//a
}
如果($page $pages){
$ next _ a= a href= # img src= 2。jpg width= 50px高度= 20px//a
}
$ last _ a= a href= # img src= 4。jpg width= 50px高度= 20px//a
@$str=$strtext .$ first _ a . $ prev _ a . $ next _ a . $ last _ a；
//var _ dump($ str)；
$info=array(str=$str， info =$ pageInfo)；
echo JSON _ encode($ info)；
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。