91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

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
义马市| 桃江县| 阳春市| 泸溪县| 宣汉县| 天等县| 金湖县| 繁峙县| 如东县| 黄浦区| 禄劝| 福泉市| 绍兴市| 临沧市| 鲁山县| 德江县| 富平县| 波密县| 邻水| 阆中市| 南宁市| 东安县| 临朐县| 北辰区| 紫云| 龙陵县| 聂荣县| 龙口市| 涞水县| 昂仁县| 三门县| 泾源县| 西峡县| 阿合奇县| 岑溪市| 宝坻区| 治县。| 大港区| 古田县| 荣昌县| 民丰县|