javascript - 动态修改链接的参数，并不刷新页面

Question

类似这种检索页选择不同的条件页面会使用ajax调用不同的数据显示在页面中，
现在我需要把选择的选项以参数的形式追加在地址的后面<index.shtml?Theme=歌剧幕后>
怎么才能不刷新页面把链接的参数改了

Answer 1

pushState/replaceState

https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history#pushState()方法

Answer 2

两个思路
所有的选项都扔cookies里 每次点连接的时候就自动发出去了 这是纯动态的做法
但是纯动态的话 每个选项里的url已经带了所有参数了 这种发布系统可以根据3个条件缓存页面的 因为3个条件一定 页数一定 在没有新内容删减的情况下页面内容就恒定了 所以根据参数就可以缓存所有内容 这种情况下模板会把链接上带上参数~

Answer 3

使用hashcode吧
把你的条件添加到url的hash部分
例如:
http://.yourdomia.com/index.htnl#theme_歌剧幕后,time_20151010,title_排列现场
按自己的规则解析#后面的字符串，再使用Ajax提交~~~

Answer 4

http://www.ruanyifeng.com/blog/2013/07/how_to_make_search_engines_find_ajax_content.html