ajax无刷新分页例子 ajax的分页查询示例(不刷新页面)?

ajax的分页查询示例(不刷新页面)?本质上,B站搜索结果的分页是点击分页链接,通过Ajax获取服务器JSON数据,然后在页面上显示出来,但是它也使用了html5支持window.history.pu

ajax的分页查询示例(不刷新页面)?

本质上,B站搜索结果的分页是点击分页链接,通过Ajax获取服务器JSON数据,然后在页面上显示出来,但是它也使用了html5支持window.history.pushState和onpopstate更改地址栏中的链接(pjax也使用此功能)。

同时,将click事件绑定到分页链接。当用户单击时,链接将被阻止并发送。最后,有一个考虑到SEO和用户体验的实现,这是pjax技术加载页面而不刷新。

~]//数据是您在后台处理的数据。单击“分页”调用此方法

functionaa(PageIndex){

$。Ajax({

URL:“/Ajax/user/用户.ashx“,

数据:{操作:”GetUseMobile“页面索引:pageIndex x, 兰德:newDate().getTime()},

数据类型:“text”,

类型:“GET”缓存:false,

beforeSend:函数(XMLHttpRequest){

}成功:功能(数据){

$(“#DivPage”).html(数据)

}

})

}