history.pushState 实现ajax无刷新更改url
浏览数：194 /
时间：2015年06月09日
暂时没啥心得，直接上例子。
1 <html> 2 <head> 3 <title> 4 fasd 5 </title> 6 <script> 7 window.addEventListener(‘popstate‘, function(e){ 8 if (history.state){ 9 var state = e.state; 10 console.log(state.title); 11 } 12 }, false); 13 14 function ok(id){ 15 var url = ‘http://www.test.com/test.php?arg=‘ + id; 16 var title = id + ‘title‘; 17 var state = { 18 title: title, 19 url: url, 20 }; 21 history.pushState(state, title, url); 22 console.log(url); 23 } 24 </script> 25 </head> 26 27 <body> 28 1</br> 29 <a onclick="ok(1);">1****1</a></br> 30 <a onclick="ok(2);">2****2</a></br> 31 <a onclick="ok(3);">3****3</a></br> 32 <a onclick="ok(4);">4****4</a></br> 33 <a onclick="ok(5);">5****5</a></br> 34 <a onclick="ok(6);">6****6</a></br> 35 </body>
参考：
http://yansong.me/2013/01/11/learning-history.pushState-and-history.replaceState.html
http://www.welefen.com/use-ajax-and-pushstate.html
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
