在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应用，编程讲究的就是灵活多变。