tp5结合ajax实现换一批功能

最新推荐文章于 2021-08-05 12:25:14 发布

pan_yuyuan

最新推荐文章于 2021-08-05 12:25:14 发布

阅读量1.2k

点赞数

分类专栏： PHP后台文章标签： php

本文链接：https://blog.csdn.net/pan_yuyuan/article/details/81880637

版权

本文介绍了如何在PHP TP5框架下，结合Ajax实现网页内容的无刷新更新，特别是‘换一批’功能。通过点击按钮触发Ajax请求，从服务器获取新的数据并动态加载到页面上，避免了页面整体刷新，提高了用户体验。

摘要由CSDN通过智能技术生成

我们浏览网站的时候经常会看到这样的功能，点击查看下一批，不需要刷新网页，通过ajax异步获取数据即可。实际上这个功能跟下一页非常相近，只不过没有页码，没有刷新网页而已。

那么我们解决这个问题的思路也正是利用了这一点，在做商城的时候我就遇到这个问题。

如下图所示：

下面看一下我们的两段核心代码：

1、tp5服务端获取数据的逻辑代码

public function lst()
{
$data=array();
$brandRes=db(‘brand’)->order(‘id DESC’)->paginate(17);
$data[‘totalPage’]=$brandRes->lastPage();
$brands=$brandRes->items();
$html=”;
$html.='<div class="brand-list" id="recommend_brands"><ul>’;
foreach ($brands as $k => $v) {
$html.='<li><div class="brand-img">
<a href="’.$v[‘brand_url’].’" target="_blank">
<img src="’.config(‘view_replace_str.