在URL中#(井号)后面传递参数如何实现
在网上浏览时看到一些网站的URL使用#号后面传递一些字符作为参数,因为URL中#(井号)后的内容是不会被加入HTTP请求的,于是研究了一下,分享给大家。
URL:http://xxx.com/index.php?id=1#01234abcd
可以看出此处#后面的字符串作为一个标识使用,那么PHP(以PHP为例)端如何获取这个值呢?
其实PHP是不能直接获取这个值的!但是我们可以通过变通的方法来实现。常用的是通过JS把这个值设置到cookie里面,然后PHP就能访问这个cookie的数据了:
//Javascript 代码 var ss = window.location.href.split("#"); document.cookies = "ss="+ss[1];
然后在PHP中就可以使用 $_COOKIE[‘ss‘] 取得这个值了。
<script language="javascript"> var ss =location.href.split("#"); document.cookie=‘ss=‘+ss[1]; if (ss[1] != "<?php echo $_COOKIE[‘ss‘]; ?>") { //判断 cookie 是不是最新值,不是则重新载入页面 window.location.reload(); } </script> <?php echo $_COOKIE[‘ss‘]; ?>
这个方式有个缺点,就是设置cookie后需要重新载入,PHP端才会生效,对网速慢的用户体验犹为不佳。
另一个常用的场景是通过 JS 获取参数,根据值来从PHP端以 AJAX 方式获取数据显示出来。
如 URL:http://xxx.com/#news
//location.hash 可获取URL里的#号和后面的部分 var mod = location.hash; if(mod == "#news"){ //AJAX获取和处理最新数据 $.ajax(......); } else if(mod == "#hots"){ //AJAX获取和处理热门数据 $.ajax(......); }
第二种方式比较适合常见的AJAX应用,编程讲究的就是灵活多变。
============================================
刚开始学着写一些博客,写得不好的地方请见谅,觉得学到了的就赏脸关注下吧~
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。