jquery抓取网页内容(一下pushState和ajax，如何来达到我们的目的？(图))

　　jquery抓取网页内容(一下pushState和ajax，如何来达到我们的目的？(图))

　　多页的流畅切换一直是极致体验的重要体现。如今，有很多方法可以实现快速的前端开发。那么今天，我们来讨论一下pushState和ajax，如何实现我们的目标。

　　什么是 pushState？

　　在 HTML 文件中，history.pushState() 方法将状态添加到浏览器历史记录中。pushState 采用三个参数：一个状态对象、一个标题（现在被忽略）和一个可选的 URL。

　　请注意，pushState() 方法永远不会触发 hashchange 事件，即使新 URL 与旧 URL 仅在哈希方面有所不同。

　　什么是ajax？

　　jquery.ajax 相信大家都能熟练使用。

　　那么 pushState 和 ajax 的组合是什么？这就是我们所说的：pjax

　　pjax 是一个 jQuery 插件，它使用 Ajax 和 pushstate 来提供具有真实永久链接、页面标题和工作返回按钮的快速浏览体验。

　　pjax 通过 Ajax 抓取服务器网页上的 HTML 内容。然后执行部分更新，使用 pushstate 浏览当前 URL（JS、CSS），提供快速出现的整页加载。

　　那么如何使用pjax呢？

　　首先，下载pjax代码（可以在github上搜索）。

　　如上图的写法，在页面之间跳转，体验效果极佳。

　　如果有更好的方法，欢迎评论交流。