ajax無刷新分頁例子 ajax的分頁查詢示例(不刷新頁面)?
ajax的分頁查詢示例(不刷新頁面)?本質(zhì)上,B站搜索結(jié)果的分頁是點擊分頁鏈接,通過Ajax獲取服務(wù)器JSON數(shù)據(jù),然后在頁面上顯示出來,但是它也使用了html5支持window.history.pu
ajax的分頁查詢示例(不刷新頁面)?
本質(zhì)上,B站搜索結(jié)果的分頁是點擊分頁鏈接,通過Ajax獲取服務(wù)器JSON數(shù)據(jù),然后在頁面上顯示出來,但是它也使用了html5支持window.history.pushState和onpopstate更改地址欄中的鏈接(pjax也使用此功能)。
同時,將click事件綁定到分頁鏈接。當用戶單擊時,鏈接將被阻止并發(fā)送。最后,有一個考慮到SEO和用戶體驗的實現(xiàn),這是pjax技術(shù)加載頁面而不刷新。
~]//數(shù)據(jù)是您在后臺處理的數(shù)據(jù)。單擊“分頁”調(diào)用此方法
functionaa(PageIndex){
$。Ajax({
URL:“/Ajax/user/用戶.ashx“,
數(shù)據(jù):{操作:”GetUseMobile“頁面索引:pageIndex x, 蘭德:newDate().getTime()},
數(shù)據(jù)類型:“text”,
類型:“GET”緩存:false,
beforeSend:函數(shù)(XMLHttpRequest){
}成功:功能(數(shù)據(jù)){
$(“#DivPage”).html(數(shù)據(jù))
}
})
}