首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过ajax使用正确的分页链接进行分页,而不是像admin-ajax.php/page/n这样的链接?

使用正确的分页链接进行分页,而不是像admin-ajax.php/page/n这样的链接,可以通过以下步骤实现:

  1. 首先,在前端页面中创建一个用于显示分页链接的容器,例如一个<ul>元素。
  2. 在后端,通过后端编程语言(如PHP)和数据库查询,获取数据总数和每页显示的数据数量。
  3. 根据总数据量和每页显示的数据数量,计算总页数。
  4. 在前端页面中使用Ajax发送异步请求,获取每页的数据。
  5. 在前端页面中,通过动态生成正确的分页链接,将分页链接添加到步骤1中的容器中。

下面是一个示例的前端和后端代码:

前端代码(HTML、JavaScript):

代码语言:txt
复制
<ul id="pagination-container"></ul>

<script>
// 分页链接的点击事件
function goToPage(pageNumber) {
  // 使用Ajax发送异步请求,获取对应页的数据
  // 这里的示例代码使用jQuery的$.ajax方法
  $.ajax({
    url: 'get_data.php',
    type: 'GET',
    data: { page: pageNumber },
    success: function(response) {
      // 处理返回的数据,例如更新页面内容
    }
  });
}

// 动态生成分页链接
function generatePagination(totalPages) {
  var paginationContainer = document.getElementById('pagination-container');
  
  // 清空容器
  paginationContainer.innerHTML = '';
  
  // 生成分页链接
  for (var i = 1; i <= totalPages; i++) {
    var listItem = document.createElement('li');
    var link = document.createElement('a');
    link.href = 'javascript:goToPage(' + i + ')'; // 绑定点击事件
    link.textContent = i;
    listItem.appendChild(link);
    paginationContainer.appendChild(listItem);
  }
}

// 页面加载完成后调用生成分页链接的函数
$(document).ready(function() {
  // 假设从后端获取的数据总数为totalDataCount
  // 假设每页显示的数据数量为perPageDataCount
  var totalDataCount = 100;
  var perPageDataCount = 10;
  
  // 计算总页数
  var totalPages = Math.ceil(totalDataCount / perPageDataCount);
  
  // 生成分页链接
  generatePagination(totalPages);
});
</script>

后端代码(PHP):

代码语言:txt
复制
<?php
// 假设从请求中获取当前页码
$currentPage = $_GET['page'];

// 假设每页显示的数据数量为perPageDataCount
$perPageDataCount = 10;

// 假设从数据库查询数据总数,存储在totalDataCount变量中
$totalDataCount = 100;

// 计算偏移量
$offset = ($currentPage - 1) * $perPageDataCount;

// 根据当前页码和每页显示的数据数量,从数据库查询对应页的数据
// 这里的示例代码使用PDO进行数据库查询
$db = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');
$query = $db->prepare("SELECT * FROM your_table LIMIT :offset, :limit");
$query->bindValue(':offset', $offset, PDO::PARAM_INT);
$query->bindValue(':limit', $perPageDataCount, PDO::PARAM_INT);
$query->execute();
$results = $query->fetchAll(PDO::FETCH_ASSOC);

// 返回查询到的数据,例如将数据转换为JSON格式返回
echo json_encode($results);
?>

上述代码示例了如何通过Ajax使用正确的分页链接进行分页。具体步骤包括在前端页面中创建一个用于显示分页链接的容器,使用Ajax发送异步请求获取每页的数据,动态生成正确的分页链接,并且绑定点击事件用于跳转到对应页码的数据。在后端,根据当前页码和每页显示的数据数量进行数据库查询,并返回查询到的数据。

对于腾讯云相关产品,由于答案中不能提及具体品牌商,建议参考腾讯云的官方文档和产品介绍,了解腾讯云提供的云计算、存储、网络通信等相关产品和服务,以满足实际需求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【说站】WordPress程序robots.txt正确写法实例

WordPress默认robots写法非常简单,写法如下: User-agent: * Disallow: /wp-admin/(不允许访问目录) Allow: /wp-admin/admin-ajax.php...(允许访问目录) 这当然不能满足我们需要,我们不能让搜索引擎过来抓取一些无效内容,比如像/feed/、 我们写robots其实原则也比较简单,因为搜索引擎蜘蛛是根据robots规则来对我们网站进行抓取...wp-admin/、Disallow: /wp-content/和Disallow: /wp-includes/,用于告诉搜索引擎不要抓取后台程序文件页面; 2、Disallow: /*/comment-page...replytocom=*,禁止搜索引擎抓取评论分页等相关链接; 3、Disallow: /category/*/page/和Disallow: /tag/*/page/,禁止搜索引擎抓取收录分类和标签分页...禁止搜索引擎抓取收录trackback等垃圾信息; 5、Disallow: /feed、Disallow: /*/feed和Disallow: /comments/feed,禁止搜索引擎抓取收录feed链接

88310

wordpress实现 ajax 分页加载

实现原理 由于我们可以在后台使用wp query来输出文章列表,所以我们并不需要文章分页入口,砍掉了分页入口也避免了搜索引擎抓取这些页面。...我们只需要在AJAX 执行过程中向后台传递一个分页参数,就可以返回这个分页文章列表。再返回文章列表时候,我们还需要返回下一分页页码,当然如果不是最后一页的话。...鉴于wp query有着丰富参数,我们可以通过转递指定参数来控制文章列表输出,使之可以在分类、标签等归档正常使用。...文章结构输出函数,这个要根据你自己主题进行修改,在修改过程中要注意不能使用直接打印结果函数,如果你不知道如何修改,那往后内容也没必要看了。...({ url: '/wp-admin/admin-ajax.php',//注意该文件路径 data: _data, type: '

1.2K20

【自然框架】QuickPager分页控件总体介绍和在线演示

比如如何提取数据,提取哪里数据,如何绑定等等。这样就增加了QuickPager分页控件灵活性。...通过list.aspx?page=3 这样连接,就可以看到第三页记录。当然进入后还是可以正常翻页,看其他页面。...这样即可以照顾搜索引擎,又可以利用Postback保留查询条件优势了。   当然这个并不是一个很好解决方法,更好ajax伪URL,不过这个难度要高一点。...如果感兴趣的话,您可以通过下面的连接地址自己测试一下。   请注意:page 这个参数是分页控件专用,您自己参数请使用其他名称。...还有一个优点就是可以通过修改属性,切换成其他分页方式。   如果您程序里使用服务器控件(GridView)来显示数据,老板(客户)听说了Ajax,于是要求项目里都要改成ajax方式。

1.1K80

WordPress评论ajax动态加载,解决静态缓存下评论不更新问题

当然,不是强迫症的话,直接关闭百度页面缓存就可以了!但这只是逃避问题,没有解决问题!所以,本文就分享一下,强迫症是如何解决这个非必须问题。...二、手动动态刷新评论 这个方法灵感源自网络上流行评论分页 Ajax 加载:点击评论下一页,不会刷新整个页面,而是通过 ajax 拉取被点击那个分页全部内容,然后找到评论部分并加载。...简单解释下原理: 比如,张戈博客留言板,有 100 页评论,那么第 99 页评论地址应该是:http://zhangge.net/liuyan/comment-page-99/,当点击【99】这个分页链接时...ajax 拉取之前,我们只要通过 js 判断来决定要拉取目标地址即可。...而且我还可以发现当前分页和其他分页 class 还是不一样:当前分页 class 是【page-numbers current】, 其他分页则是【page-numbers】,如以此来,我们还可以用

2.4K60

Wijmo 更优美的jQuery UI部件集:从wijwizard和wijpager开始

本文演示了如何使用Wijmo其中两个部件,wijwizard 以及 wijpager。如果你期望看到Wijmo其他文章,请参阅Wijmo 更优美的jQuery UI部件集:发现 Wijmo。...你将从添加并且自定义一个wijwizard部件入手,可以了解到一些独特功能,然后你将学习如何通过连接到wijpager部件对wijwizard添加分页导航支持。...通过将以下标记放置在HTML页面的主体内开始我们创建wijwizard HTML元素工作: Page 1 Page 2...保存你工程,并在浏览器中打开。它将看起来下面这样: ? 当部件包含多于一个页面的时候,导航按钮将自动被添加到部件上。你可以更改,甚至删除控件上显示导航按钮。...点击数字按钮之一,你可以发现已经可以使用wijpager部件对wijwizard进行分页浏览了。 漂亮结果,不是吗?使用Wijmo,你总是可以很容易自定义你部件。

2.5K70

requests session应用,python金点设计奖数据爬虫

应用python爬取金点设计奖获奖作品数据时候,发现无论如何更换协议头,获取json数据都不会更改,但是手动打开网页json加载数据会更改,后面想到使用使用session,数据果断出来了!...ajax加载分页数据: ? json加载html网页数据: ?...协议头数据都是一致,无论如何访问哪个年份,除了页码数据(分页)不一样 更改协议头,补全Referer,补全协议头都不能获取到不同数据 后面采用requests session,第一次访问年份获奖数据,...再用json获取html数据 requests session用法 在使用python requests库时遇到一个问题,就是如何在session中设置对所有请求都生效cookie?...url="http://www.goldenpin.org.tw/ft-admin/admin-ajax.php" data={ 'action': 'presscore_template_ajax

74520

【Wordpress】ajax 实现站内搜索

写在前面: 最近想给自己博客实现一个 站内搜索 功能,期望整个过程异步实现。这样用户体验度更好。 遇到问题: 如何实现文章模糊匹配? wordpress 如何提供接口?...实现原理: 要使用 admin-ajax.php 请求必然首先就是遇到如何使用 wordrpess 钩子 hook 来做过滤。...问题3 – 异步渲染 其实很简单,前两部已经完成大部分工作。我们只需要添加一个监听输入框值变化事件,使用 JQuery ajax 请求接口就OK了。...            error: function (data) {                console.log(data);            }        });    }} 上面我们可以看到,这样可以正确拿到接口返回数据...由于我们没有框架去做,只能将 Html 标签 与 Js 语法进行拼接。 我们这里是用了 正则表达式 ,写了一个规则,可以通过 键值 格式化我们定义好字符串,来人上代码!

1.2K10

WordPress中通过Ajax评论分页实现方法

这里 Kayo 填了比较大数字(15),因为评论分页分得太细会使用户不便于阅读之前评论。...在后台开启评论分页后,在 comments.php 中需要添加分页导航地方加入以下代码(如主题中有类似代码则无须再添加,另外代码中 nav 标签为 HTML5 标签,若主题没有使用 HTML5 则有...也相同),这样对于评论很多博客很容易因为重复内容太多而降权,因此需要在 SEO 方面作出一些处理,最为方便有效方法是使用 meta 标签。...在你 header.php 原有的 meta 标签下加入以下代码,这样分页页面便会禁止被 四.Ajax 评论分页 根据上文所述,现在主题中已经有评论分页了,要做到 Ajax 评论分页,只需 JavaScript 配合,不过在这之前首先要在评论列表前加入一个元素,用于在显示新一页评论列表时表示列表正在加载

1.2K20

js 分页插件_vue分页组件

一、前言: 分页功能在项目中时常用到,一款可以快速实现分页功能插件非常有必要,pagination–这款插件功能非常完美,几乎我所有项目中使用分页地方都会第一时间考虑到这个插件,但是其实有能力同学最好还是使用原生...动态分页 其实做分页最主要就是通过AJAX来动态获取数据后进行分页显示,我们要明白是,为什么分页??...当然不是,我每当点击页数按钮时候都要去加载数据,重新发起AJAX请求到服务器,然后返回数据给我们,那我们就大概知道怎么使用这个分页功能了!! (1).首页,你得知道你分页按钮上需要显示几页吗??...} }) (2).然后我在success方法中写入pagination方法进行分页 $.ajax({ url:… type:”post”, data:{ rows: 10 //我把行数传回给服务器中...一个很主要流程就是,首先要发起ajax得到总条数和返回条数然后在success回调中使用pagination方法,在callback回调中再次发起ajax,就是为了点击分页按钮再次显示数据。

15.3K20

Laravel5.8学习日常之分页

后端分页分为页面有刷新请求及无刷新请求(Ajax请求),就是前台采用按钮事件或者Ajax请求方式,告知后台进行分页,同时后台进行计算偏移量及当前页码,进行对应页码数据请求,之后后台查询好数据进行向前台数据进行传递...最简单使用 查询构造器 或 Eloquent query  paginate 方法。paginate 方法根据用户浏览的当前页码,自动设置恰当偏移量 offset 和限制数 limit。...默认情况下,HTTP 请求中 page 查询参数值被当作当前页页码。Lavarel 自动侦测该值,并自动将其插入到分页器生成链接中。 在其它框架中,分页可能非常痛苦。...Laravel 分页器将 查询构造器 和 Eloquent ORM 结合起来,提供了方便、易用数据库结果集分页通过分页器生成 HTML 兼容 Bootstrap CSS 框架。...协议进行许可,转载请保留此文章链接

2.2K10

不用代码,采集知乎、微博、微信、58系列之二:实现无限页面采集

我们在采集多页面的时候,首先要做就是观察页面在翻页时候,页面链接是否发生变化,这里主要可以分为3种形式来讨论: 1、URL 参数分页(比较规整方式),URL 中带有分页 page 参数,如知乎,...知乎在很多页面的page参数都是非常规律,就拿上个页面的链接来看,原始链接这样: ?...但是当我们点击页面底下下翻页数字时: ? 链接就会发生这样变化,第一页,第二页、第三页、第N页: ? ? ? ?...我们会发现,当我们翻到第N时候,page后面的参数也是N,都是呈现规律式变化,这种分页模式处理就很简单了。...我们可以看到第一页时,start参数是0,第二页start参数是25,第三页start参数是50,以此类推,发现每个页面参数都是相差25不是知乎1,这个时候我们分页链接可以写成: ?

1.2K40

laravel自定义pagination实现ajax异步翻页

如有些场景下,我们需要异步翻页,看了laravel文档,没找到相应方法。如果要通过调用laravel关于翻页相关方法,手工写一个分页,会很繁琐,对于这种操作,我是拒绝。...既然可以通过修改样式改变分页,那么是不是可以通过js来修改分页html代码,如:将分页a标签href属性干掉,这样就不会进行跳转。...接着截取分页页码数字,再新增一个onclick事件,事件触发ajax请求,最后将服务器返回数据替换现有分页 逻辑上是可行,撸起袖子就干吧... ?...-- 分页 --> {{ $data->render() }} $('.ajax-page .pagination...前者需要在前端用js进行组装;后者需要新建一个ajax视图文件 综上,就能实现ajax分页了,虽然看下来这种实现方式有点怪,至少需要改动代码并不多,适合懒人

1.9K30

JAVA—— AJAX

AJAX 通过浏览器与服务器进行少量数据交换,就可以使网页实现异步更新。也就是在不重新加载整个页 面的情况下,对网页部分内容进行局部更新。 ​...可以在不重新加载整个网页情况下,对网页某部分进行更新。 打开链接:open(method,url,async) ​ method:请求类型 GET 或 POST。 ​...通过浏览器与服务器进行少量数据交换,就可以使网页实现异步更新。也就是在不重新加载整个页面的情况下,对网页部 分内容进行局部更新。 同步和异步 同步:服务器端在处理过程中,无法进行其他操作。...语句中提供) 2.导入“分页案例原始环境”中ajax03项目(已在当天资料中提供) 4.2、案例分析 如何确定当前显示数据已经浏览完毕?...根据当前页和每页显示条数来请求查询分页数据。 当前页码+1。 服务器 获取请求参数(当前页,每页显示条数)。 根据当前页码和每页显示条数,调用业务层方法,得到分页 Page 对象。

2.9K30

如何使用Selenium Python爬取多个分页动态表格并进行数据整合和分析

动态表格数据通常是通过JavaScript或Ajax动态加载,这给爬虫带来了一定挑战。...本文将介绍如何使用Selenium Python这一强大自动化测试工具来爬取多个分页动态表格,并进行数据整合和分析。...动态表格数据通常是通过JavaScript或Ajax动态加载,这意味着我们需要等待页面完全加载后才能获取到数据,或者使用Selenium Python提供显式等待或隐式等待方法来设置超时时间。...案例 为了具体说明如何使用Selenium Python爬取多个分页动态表格并进行数据整合和分析,我们以一个实际案例为例,爬取Selenium Easy网站上一个表格示例,并对爬取到数据进行简单统计和绘图...通过这个案例,我们可以学习到Selenium Python基本用法和特点,以及如何处理动态加载和异步请求、分页逻辑和翻页规则、异常情况和错误处理等问题。

1.4K40

【自然框架】QuickPager分页控件,新增一种分页方式——伪URL分页(Postback版)

URL分页   这个是通过URL里参数来分页,搜索引擎可以识别,而且还能使用URL重写方式。但是要保留查询条件就比较麻烦了,一般是通过把查询条件放到URL里面来传递,但是编写起来比较复杂。...伪URL分页   看起来URL分页,当鼠标放在“下一页”(其他也类似)上面,会显示xxx.aspx?page=3这类信息。但是实际上他是Postback分页。...其实也很简单,postback是在href里面调用js函数,伪URL改成了在onclick里面调用js函数,这样herf就可以“节省”出来,我们“伪装”一下,加上页号参数即可。...page=7”会如何?当然是显示第7页数据了(前提是有第七页)。如果做不到这一点的话,也就无法“欺骗”搜索引擎了。   ...思维扩展   这种方式也可以变成伪URL分页ajax版。就是说实质上用ajax分页,但是为了照顾搜索引擎,可以加上一个连接给搜索引擎看。至于URL重写,可不可以,我还没有考虑好。

86560

Python爬虫之Ajax分析方法与结果提取

Ajax 请求 接下来,不断滑动页面,可以看到页面底部有一条条新微博被刷出,开发者工具下方也一个个地出现 Ajax 请求,这样我们就可以捕获到所有的 Ajax 请求了。...改变值就是 page,很明显这个参数是用来控制分页page=1 代表第一页,page=2 代表第二页,以此类推。 2. 分析响应 随后,观察这个请求响应内容,如图所示。 ​...page=1 这样形式。...这样,我们就顺利通过分析 Ajax 并编写爬虫爬取下来微博列表。 本节目的是为了演示 Ajax 模拟请求过程,爬取结果不是重点。...该程序仍有很多可以完善地方,如页码动态计算、微博查看全文等,若感兴趣,可以尝试一下。 通过这个实例,我们主要学会了怎样去分析 Ajax 请求,怎样用程序来模拟抓取 Ajax 请求。

44912

ajax后退操作解决办法

测试 要实现准确定位,刚开始想基本原理也就是俩页面之间跳转传递分页数和滚动条位置数量,想过sessionstorage对象来存储或是用url中hash值、query参数来传递相关状态,列表页面中进行判断请求数据且修改...ajax加载分页起始数,但是url中参数需要和后台进行协调才可以达到满意效果,实现起来也麻烦。...这里缓存了所有ajax分页DOM数据和请求最后页码,当返回到列表页面的时候获取缓存DOM并加载,起始分页数也会还原。...实际使用中会发现个别时候item详情页面中执行history.go(-1)或者点击A标签链接返回到列表页面的时候缓存分页DOM数据可以正常显示,但是滚动条定位就没达到想要效果,所以要完美应该在获取缓存数据时候添加一个...scrollTop滚动条复位操作,这样应该就巴适了。

76520

「SEO知识」如何让搜索引擎知道什么是重要

当一个搜索引擎程序抓取网站时,其实我们可以通过相关文件进行引导。 简单理解搜索引擎蜘蛛会通过链接来了解您网站上信息。但他们也在浏览网站代码和目录中特定文件,标签和元素。...XML站点地图 XML站点地图帮助蜘蛛了解站点基础结构。在这请注意,蜘蛛使用站点地图作为线索,不是权威指南,了解如何为网站建立索引。...分页 正确设置rel ="next"和rel ="prev"链接元素非常重要。...尽管Baidu/Google在抓取Javascript和AJAX等格式方面做得越来越好,但使用HTML是最安全。 一个常见例子是使用无限滚动网站。...虽然它可能会提高可用性,但它可能会让搜索引擎难以正确抓取您内容并将其编入索引。确保每篇文章或产品页面都有唯一URL,并且通过传统链接结构连接,即使它以滚动格式显示。

1.8K30

充气娃娃什么感觉?Python告诉你

功能描述 基于很多人没有体验过充气娃娃是什么感觉,但是又很好奇,所以希望通过爬虫+数据分析方式直观真实告诉大家(下图为成品图)。 ? 3 ....我们再对comments值进行分析发现是一个有多条数据列表,列表里每一项就是每个评论对象,包含了评论内容,时间,id,评价来源等等信息,而其中content字段便是我们在页面看到用户评价内容...我们在浏览很多网页时候常常看到“下一页”这样字眼,其实这就是使用分页技术,因为向用户展示数据时不可能把所有的数据一次性展示,所以采用分页技术,一页一页展示出来。...=0&fold=1 我们可以看到链接里面有两个参数page=0&pageSize=10,page表示当前页数,pageSize表示每页多少条,那这两个数据直接去数据库limit数据。...我们来总结一下本篇文章学到东西吧: 如何分析并找出加载数据url 如何使用requests库headers解决Referer和User-Agent反扒技术 如何找出分页参数实现批量爬取 设置一个爬虫间隔时间防止被封

1.1K10
领券