中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
徐汇区| 桓台县| 南澳县| 长岭县| 双牌县| 公安县| 灵宝市| 崇明县| 屏东县| 广西| 内黄县| 阜南县| 琼中| 昌乐县| 屏东市| 钦州市| 察哈| 黑龙江省| 桑植县| 清水县| 锡林郭勒盟| 包头市| 松江区| 宝清县| 铁岭县| 克东县| 集安市| 乌兰浩特市| 永修县| 晋城| 定西市| 五指山市| 康定县| 义乌市| 竹北市| 自贡市| 瑞昌市| 噶尔县| 阳江市| 嘉荫县| 白河县|