Infinite Ajax Scroll v3 将随机数字查询参数添加到页面 URL答案

【问题标题】：Infinite Ajax Scroll v3 adds random numeric query params to page URLsInfinite Ajax Scroll v3 将随机数字查询参数添加到页面 URL
【发布时间】：2021-02-04 08:35:20
【问题描述】：

我在使用 Jquery-IAS (http://infiniteajaxscroll.com/) v3.0.0-beta6 时遇到了一个奇怪的问题。它将随机数字查询参数添加到页面 URL。例如，它尝试加载 /?page=2&1612427293001 而不是 /?page=2 并得到 404 错误。在文档中找不到任何关于此的内容。请帮忙！

这是我的分页器链接 HTML 代码：

<ul class="pagination pagination-sm justify-content-center pagination-ias" id="pagination">
 <li id="page-item-1" class="page-item active">
   <a class="page-link"  href="https://www.y8games.center">1</a>
 </li>
 <li id="page-item-2" class="page-item next">
  <a class="page-link"  href="https://www.y8games.center/?page=2">2</a>
 </li>
 <li id="page-item-3" class="page-item ">
  <a class="page-link"  href="https://www.y8games.center/?page=3">3</a>
 </li>
 <li id="page-item-4" class="page-item ">
  <a class="page-link"  href="https://www.y8games.center/?page=4">4</a>
 </li>
</ul>

这是我的 JS 代码：

let ias = new InfiniteAjaxScroll('#catalog', {
        item: '.game-item:not(.game-item-new)',
        next: '.next a',
        pagination: '#pagination',
        spinner: {
          element: '.ias-spinner',
          delay: 500,
        },
      });

感谢您的帮助！

【问题讨论】：

标签： javascript jquery-ias

【解决方案1】：

随机数是缓存清除机制的一部分，如下所述： https://developer.mozilla.org/nl/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache

在更高版本（当前 master 分支）中，添加了一种禁用此功能的方法，通过将加载事件上的 noload 标志设置为 true，请参阅 https://docs.infiniteajaxscroll.com/reference/events#load

TL;DR:

ias.on('load', function(event) {
  event.nocache = true; // prevent IAS from adding a timestamp query param to the url
});

【讨论】：