Question

有一个代码：

<div class="pagination">
    <?php 
        for ($i = 1; $i <= $pages; $i++) {
            if ($i == $active_page) {
                echo "<span>".$i."</span>";
            } else {
                echo '<a href="?page='.$i.'">'.$i.'</a>';
            }
        }
    ?>
  </div>

1-2页如何在不重新加载页面的情况下进行分页？

Answer 1

如果您使用的是<a>标签，则会重新加载页面（这是一个链接）

您可以在页码上触发click事件，并使用ajax调用（如您所放置的标签中所述）以获取一些数据来替换当前数据。

This可能很好阅读。

这是一个带有硬编码数据的愚蠢示例。

function loadDatas(pageNumber)
{
  //Replace me by an ajax call.
  return ("We are now page " + pageNumber);
}

function changePage(pageNumber)
{
  let datas = loadDatas(pageNumber);
  let container = document.getElementById("myContent");
  container.innerHTML = datas;
}

<div id="myContent">
  hello world !
</div>

<button onclick="changePage(1)">1</button><button onclick="changePage(2)">2</button><button onclick="changePage(3)">3</button>

没有页面重新加载Zend框架的页面导航

1 个答案: