當(dāng)您添加類似->appends(['location' => $search]). 當(dāng)您使用分頁時，它甚至可以將搜索查詢保存到下一頁。現(xiàn)在我使用 ajax 進(jìn)行分頁，我有這個 js 代碼<script type="text/javascript">//Pagination part $('.main-section').on('click', '.pagination > li > a', function (event) { var page = $(this).text(); event.preventDefault(); if ($(this).attr('href') != '#') { $("html, body").animate({scrollTop: 0}, "slow"); $.request('onFilterProduct', { data: {page: page}, }); }});</script>我的 php 塊有這個function onFilterProduct(){$slug = $this->param('slug'); $search = Input('location');$this['ads'] = Advert::withCount(['ratings as rating' => function ($query) { $query->select(DB::raw('COALESCE(avg(rating), 0)'));}])->whereHas('cats', function ($query) use ($slug){ $query->where('slug',$slug); })->where('location', 'LIKE', "%{$search}%") ->orderBy('created_at','desc')->paginate(1)->appends(['location' => $search]); return [ '#product-list' => $this->renderPartial('product-filter-partial') ]; }當(dāng)我加載第一頁時，一切正常并獲得正確的頁碼，但是當(dāng)我單擊第二頁時，它會重置所有內(nèi)容，并且分頁不再適用于位置查詢字符串。請問我該如何解決這個問題。
1 回答
回首憶惘然
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個贊
終于找到了一個使用javascript pushState api更新頁面url而無需重新加載的解決方案
history.pushState(null, null, $(this).attr('href'));
所以我的 js 代碼現(xiàn)在看起來像這樣
<script type="text/javascript">
//Pagination part
$('.main-section').on('click', '.pagination > li > a', function (event) {
var page = $(this).text();
event.preventDefault();
if ($(this).attr('href') != '#') {
// Update the browser's address bar
history.pushState(null, null, $(this).attr('href'));
$("html, body").animate({scrollTop: 0}, "slow");
$.request('onFilterProduct', {
data: {page: page},
});
}
});
</script>
- 1 回答
- 0 關(guān)注
- 122 瀏覽
添加回答
舉報
0/150
提交
取消