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

Question

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

这是我的分页器链接 HTML-code:

<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,
        },
      });

感谢您的帮助！

Answer 1

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

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

长话短说：

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

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

Infinite Ajax Scroll v3 adds random numeric query params to page URLs

javascript

jquery-ias