php ajax无刷新分页,PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX

实现不刷新页面 完成分页 PHP  AJAX 不刷新页面分页

INDEX.PHP文件

header("Content-Type:text/html;charset=utf-8");

?>

AJAX-无刷新分页      by:siyuantlw

A{text-decoration:none;}

A:link {COLOR:#33CCFF;}

A:active {COLOR:#FF6666;}

A:visited {COLOR:#33CCFF;}

A:hover {COLOR:#FF6699; TEXT-DECORATION: underline;position:relative;left:1px;top:1px}

function ajaxfunction(page){

if(page.length==0){

return;

}

var xmlHttp;

try{

//FF Opear 8.0+ Safair

xmlHttp=new XMLHttpRequest();

}

catch(e){

try{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

catch(e){

alert("您的浏览器不支持AJAX");

return false;

}

}

xmlHttp.onreadystatechange=function(){

if(xmlHttp.readyState==4){

document.getElementById("test").innerHTML=xmlHttp.responseText;

}

}

var url="sql.php";

url+="?page="+page+"&sid="+Math.random();

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}

ajaxfunction(1);

SQL.PHP

mysql_connect("","root","");

mysql_select_db("test");

mysql_query("set names utf8");

//by siyuantlw

if(isset($_GET["page"])){

@$page = max(1, intval($_GET["page"]));

$pagesize=10;

$startindex=($page-1)*$pagesize;

$sql="SELECT * FROM test ORDER BY id LIMIT $startindex,$pagesize";

$rec=mysql_query($sql);

while($row=mysql_fetch_array($rec)){

$str.="

".$row["uname"]."";

}

$num=mysql_num_rows(mysql_query("select * from test"));

$pagenum=@ceil($num/$pagesize);

for($i=1;$i<=$pagenum;$i++){

if($page==$i){

$str.="[".$i."]   ";

}else{

$str.="".$i."   ";

}

}

echo $str;

}else{

die();

}

?>

数据库test表test

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------

-- Table structure for test

-- ----------------------------

DROP TABLE IF EXISTS `test`;

CREATE TABLE `test` (

`id` int(10) NOT NULL auto_increment,

`uname` char(50) character set utf8 NOT NULL,

PRIMARY KEY  (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=gb2312 COLLATE=gb2312_bin;

-- ----------------------------

-- Records

-- ----------------------------

INSERT INTO `test` VALUES ('1', 'aaaaaaaaaaa');

INSERT INTO `test` VALUES ('2', 'bbbbbbbbbbbb');

INSERT INTO `test` VALUES ('3', 'cccccccccccc');

INSERT INTO `test` VALUES ('4', 'dddddddddddddddd');

INSERT INTO `test` VALUES ('5', 'eeeeeeeeeee');

INSERT INTO `test` VALUES ('6', 'ffffffffff');

INSERT INTO `test` VALUES ('7', 'ggggggggggggggg');

INSERT INTO `test` VALUES ('8', 'hhhhhhhhhhhh');

INSERT INTO `test` VALUES ('9', 'jjjjjjjjjjjjjjjj');

INSERT INTO `test` VALUES ('10', 'kkkkkkkkkkk');

INSERT INTO `test` VALUES ('11', 'mmmmmmmmmmm');

INSERT INTO `test` VALUES ('12', 'cccccccccccccccccc');

INSERT INTO `test` VALUES ('13', 'bbbbbbbbbbbb');

INSERT INTO `test` VALUES ('14', 'ooooooooooooooooo');

INSERT INTO `test` VALUES ('15', 'pppppppppppp');

INSERT INTO `test` VALUES ('16', 'aaaaaaaaaaaaaaa');

INSERT INTO `test` VALUES ('17', 'ggggggggggggggggg');

INSERT INTO `test` VALUES ('18', 'dddddddddddddddd');

INSERT INTO `test` VALUES ('19', 'cccccccccccccc');

INSERT INTO `test` VALUES ('20', 'xxxxxxxxxx');

INSERT INTO `test` VALUES ('21', 'zzzzzzzzzzzzzzz');

INSERT INTO `test` VALUES ('22', 'oooooooooooooooooooo');

INSERT INTO `test` VALUES ('23', 'iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii');

INSERT INTO `test` VALUES ('24', 'uuuuuuuuuuuuuuuuuuuuuuuuuuuuu');

INSERT INTO `test` VALUES ('25', 'yyyyyyyyyyyyyyyyyy');

INSERT INTO `test` VALUES ('26', 'ttttttttttttttttttttttttttt');

INSERT INTO `test` VALUES ('27', 'rrrrrrrrrrrrrrrrrrrrrrrr');

INSERT INTO `test` VALUES ('28', 'eeeeeeeeeeeeeeeeeeeee');

INSERT INTO `test` VALUES ('29', 'wwwwwwwwwwwwwwwwwwwww');

INSERT INTO `test` VALUES ('30', 'qqqqqqqqqqqqq');

INSERT INTO `test` VALUES ('31', 'aaaaaaaaaaa');

INSERT INTO `test` VALUES ('32', 'zzzzzzzzzzzzz');

INSERT INTO `test` VALUES ('33', 'ssssssssssd');

INSERT INTO `test` VALUES ('34', 'dddddddddddddddddddddddd');

INSERT INTO `test` VALUES ('35', 'fffffffffffffffffffff');

INSERT INTO `test` VALUES ('36', 'vvvvvvvvvvvvvvvvvvvv');

INSERT INTO `test` VALUES ('37', 'bbbbbbbbbbbbbbbbbnb');

INSERT INTO `test` VALUES ('38', 'nnnnnnnnnnnnnn');

INSERT INTO `test` VALUES ('39', '2222222222222');

INSERT INTO `test` VALUES ('40', '1111111111111');

INSERT INTO `test` VALUES ('41', '3333333333333');

INSERT INTO `test` VALUES ('42', '44444444444');

INSERT INTO `test` VALUES ('43', '5555555555555');

INSERT INTO `test` VALUES ('44', '6666666666666');

INSERT INTO `test` VALUES ('45', '7777777777777');

INSERT INTO `test` VALUES ('46', '8888888888888');

INSERT INTO `test` VALUES ('47', '999999999999999');

INSERT INTO `test` VALUES ('48', '000000000000');

PHP+AJAX实现不刷新页面分页

另付php+jquery 不刷新页面分页例子http://www.voidcn.com/article/p-elitscvh-es.html 来源:http://apps.hi.baidu.com/share/detail/30739668

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,我可以为您提供一些相关的参考资料。 首先,您需要在前端页面中引入Layui和jQuery库,以及Layui的分页插件。代码如下: ```html <!-- 引入jQuery库 --> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <!-- 引入Layui库 --> <link rel="stylesheet" href="https://cdn.bootcss.com/layui/2.5.6/css/layui.min.css"> <script src="https://cdn.bootcss.com/layui/2.5.6/layui.min.js"></script> <!-- 分页插件 --> <script type="text/javascript"> layui.use(['laypage'], function(){ var laypage = layui.laypage; //执行一个laypage实例 laypage.render({ elem: 'demo' //注意,这里的 test1 是 ID,不用加 # 号 ,count: 50 //数据总数,从服务端得到 ,limit: 10 //每页显示的条数 ,jump: function(obj, first){ //首次不执行 if(!first){ //do something } } }); }); </script> ``` 然后,在后端使用ThinkPHP框架进行数据查询,返回分页数据。代码如下: ```php public function index() { //获取分页参数 $page = input('get.page', 1, 'intval'); $limit = input('get.limit', 10, 'intval'); //查询数据总数 $total = Db::name('user')->count(); //查询分页数据 $list = Db::name('user') ->limit(($page - 1) * $limit, $limit) ->select(); //返回JSON数据 return json([ 'code' => 0, 'msg' => '', 'count' => $total, 'data' => $list, ]); } ``` 最后,在前端页面中使用jQuery的ajax请求获取后端返回的分页数据,并动态渲染表格。代码如下: ```javascript //分页请求 function page(page, limit) { $.ajax({ url: '/index.php/index/index', type: 'get', data: { page: page, limit: limit, }, dataType: 'json', success: function (res) { var html = ''; layui.each(res.data, function (index, item) { html += '<tr>'; html += '<td>' + item.id + '</td>'; html += '<td>' + item.username + '</td>'; html += '<td>' + item.email + '</td>'; html += '</tr>'; }); $('#data').html(html); layui.laypage.render({ elem: 'page', count: res.count, limit: limit, curr: page, jump: function (obj, first) { if (!first) { page(obj.curr, limit); } } }); } }); } //初始化分页 page(1, 10); ``` 以上就是一个基于Layui和ThinkPHP分页实现示例,希望能对您有所帮助。 ### 回答2: layui php ajax分页是指使用layui框架结合phpajax技术来实现分页效果。而layui框架是一款前端UI框架,提供了丰富的UI组件和简洁的API接口,方便开发人员构建美观的前端页面。 要实现layui php ajax分页,首先需要在PHP中编写查询数据的代码,然后使用ajax发送请求获取数据。在前端页面,使用layui的表格组件(非动态表格)显示数据。下面是具体的实现步骤: 1. 在PHP中编写查询数据的代码,将查询到的数据进行分页处理。可以使用SQL语句中的LIMIT关键字来实现分页,也可以使用PHP的数组分页函数进行处理。 2. 编写前端页面的HTML结构,引入layui的相关文件。 3. 在前端页面中使用layui的表格组件来显示数据。可以使用表格组件的render方法来渲染表格,并且设置分页参数。 4. 使用ajax发送请求获取数据。可以使用layui的table模块提供的on和reload方法来实现数据的异步加载和刷新。 5. 在ajax请求返回数据后,调用layui的表格组件的reload方法重新渲染表格,并将获取到的数据显示出来。 通过以上步骤,就可以实现layui php ajax分页的效果。在thinkphp5.1中实现分页的方法与上述步骤类似,只需要根据thinkphp5.1的语法进行相应的调整即可。例如,使用thinkphp5.1的分页类来处理数据分页,并使用thinkphp5.1提供的模板引擎来渲染前端页面。 总结来说,layui php ajax分页可以通过结合layui框架、phpajax技术来实现,以提供用户友好的分页效果,带来良好的用户体验。而在thinkphp5.1中实现分页则需要根据thinkphp5.1的语法进行相应的调整。 ### 回答3: Layui是一个轻量级的前端UI框架,结合PHPAjax可以实现分页功能。以下是在Layui和ThinkPHP5.1框架中实现非动态表格分页的方法: 首先,确保已经引入Layui和ThinkPHP5.1的相关文件。 然后,创建一个PHP文件,命名为index.php。在该文件中,引入Layui相关的样式和脚本文件,以及ThinkPHP5.1的相关文件。 接下来,在index.php文件中创建一个div容器,用于显示分页数据。并在里面编写一个table表格,用于展示数据。 在PHP文件中,编写控制器代码,用于处理分页请求和数据的获取。在控制器代码中,通过Ajax请求后台接口,获取到分页数据,并将数据返回到前端。 在前端代码中,编写JavaScript代码,绑定Layui的分页组件。在分页组件中,调用控制器的接口,请求分页数据,并将数据展示在table表格中。 最后,在控制器中,编写方法用于处理分页请求。在该方法中,使用ThinkPHP5.1的分页功能,根据当前页数和每页显示的数据量,从数据库中获取到对应的数据,并将数据返回给前端。 需要注意的是,分页实现还需要根据具体的业务逻辑进行相应的调整和修改。以上只是一个大致的思路和步骤,具体实现还需要根据具体的需求进行相应的修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值