實現 Laravel 無限滾動分頁的方法有很多種,下面是一種常見的實現方法:
在控制器方法中使用 Laravel 的 分頁功能 來查詢數據,并將查詢結果轉換為 JSON 格式返回給前端頁面。
public function fetchData(Request $request)
{
$data = YourModel::paginate(10);
return response()->json($data);
}
在前端頁面中使用 AJAX 請求來獲取數據,并根據返回的數據動態加載頁面內容。在滾動到頁面底部時,再次發起 AJAX 請求來獲取下一頁數據。
$(document).ready(function(){
var page = 1;
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
page++;
$.ajax({
url: '/fetch-data?page=' + page,
type: 'get',
success: function(response) {
// 處理返回的數據,并動態加載頁面內容
}
});
}
});
});
另一種實現無限滾動分頁的方法是在頁面底部添加一個加載更多按鈕,當用戶點擊按鈕時,發起 AJAX 請求獲取下一頁數據,并將新數據加載到頁面中。
$(document).ready(function(){
var page = 1;
$('#load-more-btn').click(function(){
page++;
$.ajax({
url: '/fetch-data?page=' + page,
type: 'get',
success: function(response) {
// 處理返回的數據,并動態加載頁面內容
}
});
});
});
以上是一種常見的實現 Laravel 無限滾動分頁的方法,你可以根據自己的需求和喜好來選擇適合自己的方法。