tp5 ajax无刷新分页,tp5无刷新分页 - osc_jw0ucosy的个人空间 - OSCHINA - 中文开源技术交流社区...

控制器

namespace app\index\controller;

use think\Db;

class Index

{

public function userlist()

{

$list=Db::name('users')->paginate(10,false,

[

'type' => 'Bootstrap',

'var_page' => 'page',

//使用jqery 无刷新分页

'path'=>'javascript:AjaxPage([PAGE]);'

]);

return view('index/userlist',['list'=>$list]);

}

public function ajaxList(){

$page = request()->param('apage');

if (!empty($page)) {

$rel = Db::name('users')->paginate(10,false,[

'type' => 'Bootstrap',

'var_page' => 'page',

'page' => $page,

'path'=>'javascript:AjaxPage([PAGE]);',

]);

$page = $rel->render();

$list=$rel->items();

}

return json(['list'=>$list,'page'=>$page]);

}

}

html+js部分

Title

ID姓名密码

{volist name='list' id='user'}

{$user.id}{$user.name}{$user.password}

{/volist}

{$list->render()}

var AjaxPage = function(page){

$.ajax({

url:'/index/index/ajaxList',

type:'post',

dataType:'json',

data: {apage:page},

success:function(data){

$("#result").html(data.page);

$('#mylist').empty();

$obj='';

for (var i=0;i

{

$obj=$obj+'

'+data.list[i].id+''+data.list[i].name+''+data.list[i].password+'';

}

$('#mylist').append($obj);

}

});

}