亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

Laravel分頁樣式如何實現懶加載

小樊
82
2024-08-30 08:28:47
欄目: 編程語言

在 Laravel 中,實現分頁的懶加載可以通過使用 AJAX 和 JavaScript 來完成。這里是一個簡單的實現方法:

  1. 首先,在控制器中創建一個分頁數據的方法:
public function fetchPosts(Request $request)
{
    // 獲取當前頁碼,默認為1
    $page = $request->input('page', 1);

    // 從數據庫中獲取分頁數據
    $posts = Post::paginate(10, ['*'], 'page', $page);

    // 返回分頁數據
    return response()->json($posts);
}
  1. routes/web.php 文件中添加一個路由:
Route::get('/fetch-posts', 'YourController@fetchPosts');
  1. 在視圖文件中,創建一個容器來顯示分頁數據,并添加一個按鈕來觸發懶加載:
<div id="posts-container">
    <!-- 分頁數據將在這里顯示 -->
</div><button id="load-more">加載更多</button>
  1. 使用 JavaScript(例如 jQuery)編寫 AJAX 請求來獲取分頁數據,并在成功后將數據添加到容器中:
    $(document).ready(function () {
        let currentPage = 1;

        function fetchPosts() {
            $.ajax({
                url: '/fetch-posts',
                type: 'GET',
                data: {
                    page: currentPage + 1
                },
                success: function (response) {
                    if (response.data.length > 0) {
                        currentPage = response.current_page;
                        for (let post of response.data) {
                            $('#posts-container').append(`
                                <div class="post">
                                    <h3>${post.title}</h3>
                                    <p>${post.content}</p>
                                </div>
                            `);
                        }
                    } else {
                        $('#load-more').hide();
                    }
                }
            });
        }

        // 初始化加載第一頁數據
        fetchPosts();

        // 點擊按鈕加載更多數據
        $('#load-more').on('click', function () {
            fetchPosts();
        });
    });
</script>

這樣,當用戶點擊 “加載更多” 按鈕時,將會通過 AJAX 請求獲取下一頁的分頁數據,并將其添加到容器中。當沒有更多數據時,按鈕將被隱藏。

0
久治县| 东乡县| 肇东市| 盐山县| 大宁县| 镇巴县| 青岛市| 彩票| 山东省| 元氏县| 贞丰县| 泉州市| 简阳市| 扬中市| 烟台市| 历史| 襄汾县| 法库县| 广元市| 寿宁县| 邹平县| 巴彦淖尔市| 来宾市| 禄丰县| 富顺县| 南陵县| 睢宁县| 本溪市| 疏勒县| 当涂县| 八宿县| 旬阳县| 德兴市| 县级市| 醴陵市| 阿瓦提县| 卢氏县| 定日县| 盖州市| 岱山县| 屏山县|