当前位置:首页>开发>正文

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

2024-01-09 10:38:52 互联网 未知 开发

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

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

B站搜索结果分页本质上还是点击分页链接,通过AJAX获取服务器JSON数据,然后展现在页面上,只不过还使用了HTML5支持的window.history.pushState和onpopstate来改变地址栏链接(这个特性也被PJAX所使用).

如果你需要SEO友好,建议你参考cnblogs首页的分页.
分页链接里直接放上可访问的URL链接,方便爬虫抓取.
同时给分页链接绑定click事件,用户点击时,阻止打开链接,转而发起AJAX请求获取分页数据,从而优化用户体验.

最后还有一种兼顾SEO和用户体验的实现就是无刷新加载页面的PJAX技术.