javascript - 在 html 中显示来自 foreach 循环的 5 个结果

Question

你好，我想用我的 foreach 循环对我的数组进行一些分页，所以我这样做了:

$page = 0;
$i = 0;
foreach($time as $indTime){
    if($i % 5 == 0){
        $page++;
    }
    $i++;
}

所以基本上前 5 个结果页 = 1 接下来的 5 页 = 2 接下来的 5 页 = 3 等等。现在我正在使用 Twitter Bootstrap ，我想使用基本上与 << 1 2 3 4 5 >> 链接的分页组件来单击您的页面。我需要的是当您单击 1 时，它会显示 foreach 循环的每个结果，其中 $page = 1 当我单击 2 时 $page = 2 等。有人知道我该怎么做吗？

Answer 1

资源路由

您必须为分页创建路由，例如:example.com/times/2其中 2将是页码，因此您可以在链接中使用它们 <a href="example.com/times/2"> .那么get the number from the URL .或者，您可以只将数字作为 GET 或 POST 参数传递。

验证号码

您不能相信用户输入，因此请检查给定的数字是否有效。

打印页面

最后只需将页面与给定/选择的页码进行比较并打印元素。

$time = Array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12);

$page_selected = 2;
$page = 1;
$i = 1;
foreach ($time as $indTime) {
    if ($page == $page_selected) {
      echo $indTime;
      echo ' ';
    }
    if ($i % 5 == 0) {
        $page++;
    }
    $i++;
}

这将打印第二页的元素:6 7 8 9 10 .