tp5无刷新分页

控制器

<?php
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部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>密码</th>
</tr>
</thead>
<tbody id="mylist">
{volist name='list' id='user'}
<tr>
<td>{$user.id}</td>
<td>{$user.name}</td>
<td>{$user.password}</td>
</tr>
{/volist}
</tbody>
<div id="result">
{$list->render()}
</div>

</table>
</body>
</html>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script>
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<data.list.length;i++)
{
$obj=$obj+'<tr><td>'+data.list[i].id+'</td><td>'+data.list[i].name+'</td><td>'+data.list[i].password+'</td></tr>';
}
$('#mylist').append($obj);

 

}
});
}

</script>

 

转载于:https://www.cnblogs.com/oy123/p/9487590.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/427115.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

安装kickstart失败

yum -y install dhcp*yum -y install tftp*yum -y install nfs修改tftp配置文件 default: off description: The tftp server serves files using the trivial file transfer \ protocol. The tftp protocol is often used to boot diskless \ workstations, download conf…

java内存溢出让tomcat停止_java - 使用JVM Open J9一段时间后,应用程序(tomcat)停止响应 - 堆栈内存溢出...

我正在使用Open J9&#xff0c;一段时间后我的应用程序停止响应。.在生产中发生了2个小时后&#xff0c;在本地设法使用JMeter进行模拟。 应用程序(tomcat)只是停止响应&#xff0c;我需要重新启动才能将其取回。 问题是日志(catalina和log4j)中没有任何内容可以帮助我进行调查…

电子报账系统源码_网上商城系统建设心得,轻松搞定选择困难

当前&#xff0c;我们正处于一个互联网飞速发展的时代&#xff0c;特别是互联网电商的出现&#xff0c;给我们的生活带来了翻天覆地的变化&#xff0c;不出家门便可购买各种商品&#xff0c;不用再到处奔走寻找&#xff0c;通过网络便可快速下单&#xff0c;然后坐等送货上门。…

前端现在到底需要什么样的人才

昨天和几个大佬们在一起聊聊前端的技术。 大致内容如下&#xff1a; 1.前端三剑客 Html css javascript 这是必不可少的&#xff0c;其中js是核心。 2.框架之所以火,并不是它本身有多牛逼&#xff0c;而是大家都在用&#xff0c;间接把它吹棒起来了。为什么&#xff1f; 框…

源码安装httpd

1 tar -xvf apr-1.7.0.tar.gz tar -xvf apr-util-1.6.1.tar.gz tar -xvf httpd-2.2.6.tar.gz 2cd apr-1.7.0 ./configure Make Make install 3cd apr-util-1.6.1 ./configure --with-apr/usr/local/apr 解决rpm -ivh libexpat-devel-2.2.4-alt1.i586.rpm tar -xvf expat-2.2…

python 获取字符串中的字典_python cookies提取——从字符串到字典(一行Python代码)...

def extract_cookies(cookie):"""从浏览器或者request headers中拿到cookie字符串&#xff0c;提取为字典格式的cookies"""cookies dict([l.split("", 1) for l in cookie.split("; ")])return cookiesif __name__ "…

python如何运行py程序_如何用Python汇款:Web3.py教程

Python开发人员对于以太坊和区块链库的技术练习。警告&#xff1a;下面的教程包含这些元素&#xff1a;显式加密、点对点金融服务以及可能的违规行为。这些例子仅仅是为了说明Python区块链的强大功能和便捷性。嗨&#xff0c;Pythoners&#xff0c;你们好&#xff01;我真的很喜…

基于域名的apache服务器

1承接上个博客说的&#xff0c;咱们继续扩展 Cd /usr/local/apache2/conf /usr/local/apache2/conf/extra扩展文件 Vi httpd-vhosts.conf <VirtualHost *:80> ServerAdmin 1327629137qq.com DocomentRoot “/data/webapps/www1” ServerName www.wugk1.com <Directory…

MySQL 数据库修改登录密码

MySQL 数据库修改登录密码、、 -------- mysql修改密码 默认的密码为空&#xff1a;mysql -u root -p第一次更改密码&#xff1a;mysqladmin -uroot -p password xhyEnter password: xhy 第二次更改密码&#xff1a; mysqladmin -uroot -pxhy password xhy1mysql -u root -p En…

python列表统计每个元素出现次数_python 统计list中各个元素出现的次数的几种方法...

利用字典dict来完成统计举例&#xff1a;a [1, 2, 3, 1, 1, 2]dict {}for key in a:dict[key] dict.get(key, 0) 1print dict输出结果&#xff1a;>>>{1: 3, 2: 2, 3: 1}利用Python的collection包下Counter的类举例&#xff1a;from collections import Countera …

freeBSD的vi

vi 的两种命令模式&#xff1b; Command&#xff08;命令&#xff09;模式&#xff0c;用于输入命令&#xff1b; Insert&#xff08;插入&#xff09;模式&#xff0c;用于插入文本&#xff1b; Visual&#xff08;可视&#xff09;模式&#xff0c;用于视化的的高亮并选定正文…

raid5需要几块硬盘_Raid5磁盘阵列数据恢复思路分析--附真实案例

1.raid5磁盘阵列数据恢复思路分析Raid5磁盘阵列是一种相对安全的磁盘阵列形式&#xff0c;数据分布状态有点类似于raid0磁盘阵列。但是raid5阵列比raid0阵列更为安全的一点就是阵列的每一组平行数据块中都包含了一个校验块&#xff0c;校验块的作用主要表现在阵列有一块硬盘掉线…

Linux思维导图之sed、实战习题

命令解释&#xff1a; ◆sed 2p /etc/passwd第二行打印了两次其余一次 ◆sed-n 2p /etc/passwd 只打印出第二行 ◆sed-n 1,4p /etc/passwd 只打印出1到4行 ◆sed-n /root/p /etc/passwd只打印出root的行 ◆ sed-n 2./root/p /etc/passwd打印从2行开始往下到root行 ◆sed-n /^$/…

jenkins安装(1)

1先在互联网上输入jenkins.io 2下载jenkins.war 3上传到服务器上 安装jdk前面的博客已经说过了 4 Jenkins requires Java versions [8, 11] but you are running with Java 1.7 from /usr/java/jdk1.7.0_06/jre java.lang.UnsupportedClassVersionError: 51.0 at Main.verifyJa…

nodejs python 通信_Nodejs环境实现socket通信过程解析

结构&#xff1a;socket是应用层和传输层的桥梁。(传输层之上的协议所涉及的数据都是在本机处理的&#xff0c;并没进入网络中)涉及数据&#xff1a;socket所涉及的数据是报文&#xff0c;是明文。作用&#xff1a;建立长久链接&#xff0c;供网络上的两个进程通信。nodejs环境…

php 标点符号,php 过滤英文标点符号及过滤中文标点符号代码

php 过滤英文标点符号及过滤中文标点符号代码发布于 2014-12-22 20:19:00 | 733 次阅读 | 评论: 0 | 来源: 网友投递PHP开源脚本语言PHP(外文名: Hypertext Preprocessor&#xff0c;中文名&#xff1a;“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Per…

jenkins安装(用户配置)(2)

1安装rebulider&#xff08;再次构建可以少写很多参数&#xff09;插件 2安装safe restart安全重启 3系统管理—Configure Global Security—安全矩阵 添加admin用户给与全部权限 4系统管理—管理用户—添加用户 给与用户所有权限&#xff0c;取消第一个勾选&#xff0c;不给予…

发生系统错误53_SAP那些事-推理剧-36-奇怪的付款清账(F-53)报错“TABLE_INVALID_INDEX”...

问题描述&#xff1a;在使用F-53进行供应商付款清账操作时&#xff0c;模拟凭证&#xff08;包括保存凭证&#xff09;时出现如下的ABAP Down错误&#xff1a;问题分析&#xff1a;从报错内容看&#xff0c;我们首先看到报错的程序为SAPMF05A&#xff0c;这个程序财务顾问都熟悉…

微信公众平台-杂项:小程序导航

ylbtech-微信公众平台-杂项&#xff1a;小程序导航1.返回顶部 1、小程序导航 微导航 http://www.we123.com/xcx/ 91udhttp://www.91ud.com/app/ 微信主页 http://www.weixinzhuye.com/app.html 2、2.返回顶部3.返回顶部4.返回顶部5.返回顶部 6.返回顶部1、公众号导航 微小宝 ht…

jenkins安装环境搭建(3)

1安装环境搭建 yum -y install java安装java环境 2安装git用于存储和管理源代码 yum -y install git 3安装并配置git git config --global user.name “yao666” git config --global user.email 1327629137qq.com ssh-keygen -t rsa -C 1327629137qq.com cd ~/.ssh 证书正确 …