淘先锋技术网

首页 1 2 3 4 5 6 7

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

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

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

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