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


============================================

刚开始学着写一些博客,写得不好的地方请见谅,觉得学到了的就赏脸关注下吧~


时间: 2024-11-02 19:25:26

在URL中#(井号)后面传递参数如何实现的相关文章

URL中#(井号)的作用(转)

2010年9月,twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/username 改版后,就变成了 http://twitter.com/#!/username 在我印象中,这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中.这表明井号(Hash)的作用正在被重新认识.本文根据HttpWatch的文章,整理与井号有关的所有重要知识点. 一.#的涵义 #代表网页中的一个

php获取url井号后的参数(描点#后参数)

有时候我们需要获取url井号后的参数(即描点#后的参数),如下面的链接:http://www.xindingyue.com/example/#comment-1314 现在要获取#号后面的comment-1314,如何通过php获取呢? 首先声明php是无法直接获取的,因为这是向浏览器客户端发送的参数,在服务端压根就不接受这样的参数,$_SERVER["REQUEST_URI"]变量里是不会包含#号后面的东西的,所以无法像我们平时用php处理url那样了,那到底如何获取呢? 这是向客户

通过注册的URL Scheme向目标APP传递参数

通过注册的URL Scheme向目标APP传递参数 通过URL Scheme启动APP很简单就可以做到,但有时候我们想在启动APP的时候传递一些参数,这个时候我们就可以通过URL Scheme自定义URL来传递参数了. 昨天我们在AppDelegate调用了UIApplicationDelegate的代理方法: - (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL*)url { // 接受传过来的参数 NSSt

form中action属性后面?传递参数 获取不到

1 $p_id = $_REQUEST['p_id']; 2 3 echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 <a href='listproduct.php'>查看所有</a></h1> 4 <form action='updateproduct.do.php?p_id=$p_id' method='get'> 5 商品名称:<input type='text'

js中 单引号 双引号 参数问题 单引号 替换成 \&#39; 双引号 替换成 \&quot; 等

.replace(/\'/g, "\\'")    ->  ' 替换成  \' .replace(/\"/g, "\\\"")  ->  " 替换成\" 注:适用于 onclick='Test("数字双音\"")'  这种写法 .replace(/\"/g, """)  ->" 替换成 " 注:适用于onclick=&q

struts2中注解redirect时传递参数中文乱码问题解决方法

试过了很多方法  tomcat 编码  .字符串转换编码 .URLEncoder  .. 但是都没解决,后来仔细看了   struts2 的redirect ,redirectAction , 加上 params={"encode","true"} 就不会有乱码了 @Action(value = "/backend/deleteApplyInfoOfAuditById", results = { @Result(name = "succ

angularjs中ajax请求时传递参数的方法

method1方法使用的是params参数,该用法会把参数直接附加到url中 method2方法使用的是data参数,该参数会把页面参数类型从默认的multipart/form-data改为application/x-www-form-urlencoded类型,并且将传递的data解析为字符串,该方法会以post参数的方式传递 下面是代码部分: <html ng-app="myApp"> <head> <title>angularjs-ajax<

URL的井号

http://www.ruanyifeng.com/blog/2011/03/url_hash.html 去年9月,twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/username 改版后,就变成了 http://twitter.com/#!/username 在我印象中,这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中.这表明井号(Hash)的作用正在被重新认识.

URL中“#” “?” &amp;“”号的作用

1. #哈希值 一.#的涵义 #代表网页中的一个位置.其右面的字符,就是该位置的标识符.比如,http://www.example.com/index.html#print就代表网页index.html的print位置.浏览器读取这个URL后,会自动将print位置滚动至可视区域. 为网页位置指定标识符,有两个方法.一是使用锚点,比如<a name="print"></a>,二是使用id属性,比如<div id="print">.

[转]ibatis中井号跟美元符号区别(#、$)

Mybatis中如何在SQL语句表名中使用参数 insert into prefix_${table_name} (a, b, c) values (#{a}, #{b}, #{c}) ${} 表示直接使用字面量(literal value) #{} 表示这个是个参数 如果 table_name 是 “ABC” 则 ${table_name} 是 ABC #{table_name} 是 “ABC" Java代码   1.#可以进行预编译,进行类型匹配,#变量名# 会转化为 jdbc 的 类型 $