php5 ajax实例,thinkPHP5框架实现基于ajax的分页功能示例

灰太狼 2022-11-14 14:45 123阅读 0赞

本文实例讲述了thinkPHP5框架实现基于ajax的分页功能。分享给大家供大家参考，具体如下：

最近一个页面的选项卡又牵扯到ajax分页，所以研究了一下tp5的ajax分页使用方法

首先看一下tp5的分页功能介绍

参数

描述

list\_rows

每页数量

page

当前页

path

url路径

query

url额外参数

fragment

url锚点

var\_page

分页变量

type

分页类名

$caseDetails = CaseDetails::where(\['status'=>1\])->paginate(9,false,\['path'=>'javascript:AjaxPage(\[PAGE\]);'\]);

所以我们分页查询写成上面代码所示。

这样页面显示每个分页上面变成了AjaxPage('当前分页数，自动变化')

然后我们就可以在页面中写一个对应的函数AjaxPage(page)，来完成对应的ajax请求查询，在返回到指定的视图中

ajax请求控制器方法如下

public function all()

\{

$caseDetails = CaseDetails::where(\['status'=>1\])->paginate(9,false,\['path'=>'javascript:AjaxPage(\[PAGE\]);'\]);

return view('getall',\['res'=>$caseDetails\]);

\}

如果选项卡带ID再次查询对应当前分类，可以使用如下

public function getAjax($id,$page=1)

\{

$res = CaseDetails::where(\['category'=>$id\])->paginate(9,false,\['page'=>$page,'path'=>"javascript:AjaxDetailsPage(\{$id\},\[PAGE\]);"\]);

return view('',\['res'=>$res\]);

\}

js代码如下：

function AjaxPage(page)\{

$.get('/index/successcase/getAll',\{ page:page \},function (data) \{

$('.little-content').html(data);

\})

\}

$('.on').hover(function()\{

$.get('/index/successcase/all',function (data) \{

$('.little-content').html(data);

\})

\});

$('.title-id').hover(function()\{

var id = $(this).attr('title');

$.get('/index/successcase/getajax',\{ 'id':id \},function(data)\{

$('.little-content').html(data);

\});

\});

function AjaxDetailsPage(id,page)\{

$.get('/index/successcase/getAjax',\{ id:id,page:page \},function (data) \{

$('.little-content').html(data);

\})

\}

ajax作用范围视图

\{volist name="res" id="casedetails"\}

![%7B%24casedetails.pic%7D][7B_24casedetails.pic_7D]

# \{$casedetails.name\} #

\{$casedetails.caseCategory.name\}

VIEW MORE

\{/volist\}

\{$res->render()\}

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

[7B_24casedetails.pic_7D]:

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax分页代码 php,PHP+Mysql+Ajax实现分页之后端代码

DB.php代码<?php /\\ \ Created by PhpStorm. \ User: Administrator \ Date: 2020/1/1 \ T

曾经终败给现在/ 2023年01月17日 11:53/ 0 赞/ 122 阅读

相关帝国 php ajax分页,怎么在php中利用ajax实现一个无刷新分页功能

怎么在php中利用ajax实现一个无刷新分页功能发布时间：2021-01-19 16:22:23 来源：亿速云阅读：60 作者：Leah 怎么在php中利用aja

Dear 丶/ 2023年01月13日 04:15/ 0 赞/ 158 阅读

相关 php5 ajax实例,thinkPHP5框架实现基于ajax的分页功能示例

本文实例讲述了thinkPHP5框架实现基于ajax的分页功能。分享给大家供大家参考，具体如下：最近一个页面的选项卡又牵扯到ajax分页，所以研究了一下tp5的ajax分页

灰太狼/ 2022年11月14日 14:45/ 0 赞/ 124 阅读

相关 php用户名框架,ThinkPHP框架结合Ajax实现用户名校验功能示例

本文实例讲述了ThinkPHP框架结合Ajax实现用户名校验功能。分享给大家供大家参考，具体如下：在模板文件中通过ajax获取到用户名，然后在控制器中将用户名与数据库比较，

秒速五厘米/ 2022年10月21日 11:41/ 0 赞/ 152 阅读

相关 Thinkphp5之ajax分页实现_paginate()参数详细

Thinkphp5 做数据搜索需要带关键词分页，如何将查询条件带入到分页中，本文详细介绍Thinkphp5 分页带参数一、基本使用方法： $list = Db::n

àì夳堔傛蜴生んèń/ 2022年06月07日 13:48/ 0 赞/ 459 阅读

相关 tp5+ajax+jq实现无刷新分页

> tp5框架里面自带有panigate()+rende()的方法可以超简单的实现分页，但是就是看着一直要刷新很不爽，所以找了网上的好多代码，终于找到了一个逻辑简单的无刷新分页

- 日理万妓/ 2022年05月08日 21:06/ 0 赞/ 276 阅读

相关 ThinkPHP5分页样式

效果图: ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

短命女/ 2022年03月21日 14:39/ 0 赞/ 454 阅读

相关 ajax实现分页

之前写的分页都是a标签直接跳转，这次业务需要不刷新页面实现分页，下面记录原生的实现方法： html //第一页默认展示内容 <div id='user_l

小咪咪/ 2022年02月18日 15:29/ 0 赞/ 315 阅读

相关在Thinkphp中使用AJAX实现无刷新分页

在Thinkphp目录的Lib\\ORG\\Util\\目录里新建AjaxPage. class.php,写入一下内容： <?php // \+---------

梦里梦外;/ 2021年12月20日 13:27/ 0 赞/ 327 阅读

相关 laravel5.6中jquery+ajax分页

public function shows(Request $request){ $p=$request->get("page");

逃离我推掉我的手/ 2021年12月14日 03:51/ 0 赞/ 137 阅读