浏览器前进和后退箭头页面变化问题

Question

1.前端展示的数据主要是通过ajax获得的。该页面为一个搜索页面。
在搜索框输入关键字点击搜索：url变化如下：
http://localhost/search.html?...关键字&pages=1&kind=A ，则页面展示出来结果。

点击分页，则变成：http://localhost/search.html?...关键字&pages=2&kind=A

2.问题：点击浏览器做左上角的前进和后端箭头，只是地址栏url发生变化，页面并没变化

请问：如何使 点击上图中左箭头和右箭头时，url和页面都发生相应的变化。
如果有类似的demo可以给一个，或者提供一个思路即可，谢谢!

Answer 1

点击浏览器前进后退按钮，你的地址并没有变，变的是查询参数，浏览器并没有刷新，所以你的js是不会重新执行的，所以页面并没有变化，所以你必须监听浏览器的前进和后退事件，但这又是一件很痛苦的事情，所以分页不建议这么做