zoukankan      html  css  js  c++  java
  • 用js 获取url 参数 页面跳转 ? 后的参数

    记得之前在原来的公司写过这个东西,但是还是忘记怎么接住参数了,只知道怎么把id传过去!

    问了身边的大佬 他首先推荐了我一个链接是别人写好的方法  

    附上链接地址:http://blog.csdn.net/kongjiea/article/details/39644623

    不过为了保险起见我又复制了一边  在最底部 哈哈哈  因为好丑

    我用的是第一种方法 我昨天做的是列表页(invest.html)跳转到详情页(investDetail.html)

    invest.html代码如下

    解释下 传的id 这个本来是我自己想象的 过去点击的当前的 value 没想到百度一下  居然出来这个 抱着试一试的心态 妥了

    哈哈哈  当时那叫个开心啊   齐活 列表页值传进去了 现在做的就是在详情页获取到这个id!!!

    重点来了 我就是卡在这里了  百思不得其姐 ! 福利来了

    这时候 我们就用到我说的第一种方法了  复制粘贴到 你详情页

     

     然后在成功回调函数中调用

    这时候运行你的网页 你会发现 会把当前点击的商品的id打印出来 

    当时好像还遇到一个问题 哦 忘记是什么了 好烦啊!!!

    想了好几分钟 还是没想出来 那就这样吧  想出来了 一定会及时更新!!!

    经过了一两个小时 我想起来了  是怎么样才能获取到每一个商品的id呢  我用的是input的type = ‘hidden’

    把自己拿到的id放在这个input中 然后隐藏掉 哈哈 我真机智!然后就可以获取到你数据库中的id啦 

    如果你觉得帮到了你  麻烦给一个小小的赞呗 ~~~ 

    如果没有帮到你 可以留言哦~

     补充:如果你的接收参数的页面只有一个参数 还有一种比较方便的方法就是 substr()这个方法 传4 就可以了  会帮你自动获取

    但是如果不只是有一个参数的话  就不能用这个方法了  他会把你?id = 后面的全部截取出来哦 

    下面是复制的内容---------------------------------------------

    方法一:正则分析法 

     
    1. function getQueryString(name) {  
    2.         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
    3.         var r = window.location.search.substr(1).match(reg);  
    4.         if (r != null) return unescape(r[2]);  
    5.         return null;  
    6.     }  

    方法二:

     
    1. <Script language="javascript">   
    2. function GetRequest() {   
    3.    var url = location.search; //获取url中"?"符后的字串   
    4.    var theRequest = new Object();   
    5.    if (url.indexOf("?") != -1) {   
    6.       var str = url.substr(1);   
    7.       strs = str.split("&");   
    8.       for(var i = 0; i strs.length; i ++) {   
    9.          theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);   
    10.       }   
    11.    }   
    12.    return theRequest;   
    13. }   
    14. </script>  

    使用方法:

    <Script language="javascript">

      var Request = new Object();
      Request = GetRequest();
      var 参数1,参数2,参数3,参数N;
      参数1 = Request[''参数1''];
      参数2 = Request[''参数2''];
      参数3 = Request[''参数3''];
      参数N = Request[''参数N''];
    </Script>

    方法三:

     
    1. /**  
    2.  * 获取指定的URL参数值  
    3.  * URL:http://www.quwan.com/index?name=tyler  
    4.  * 参数:paramName URL参数  
    5.  * 调用方法:getParam("name")  
    6.  * 返回值:tyler  
    7.  */  
    8. function getParam(paramName) {  
    9.     paramValue = "", isFound = !1;  
    10.     if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {  
    11.         arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;  
    12.         while (i arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++  
    13.     }  
    14.     return paramValue == "" && (paramValue = null), paramValue  
    15. }  

    其他参数获取介绍: 
    //设置或获取对象指定的文件名或路径。
    alert(window.location.pathname);
    //设置或获取整个 URL 为字符串。
    alert(window.location.href);
    //设置或获取与 URL 关联的端口号码。
    alert(window.location.port);
    //设置或获取 URL 的协议部分。
    alert(window.location.protocol);
    //设置或获取 href 属性中在井号“#”后面的分段。
    alert(window.location.hash);
    //设置或获取 location 或 URL 的 hostname 和 port 号码。
    alert(window.location.host);
    //设置或获取 href 属性中跟在问号后面的部分。
    alert(window.location.search);

  • 相关阅读:
    sizeof、strlen、length、size
    extern关键字
    结构
    引用
    指针
    数组
    linux端口 ,打开服务端口
    linux用户禁用
    防止验证码的恶意发送
    springboot 项目windows下打包、注册服务。
  • 原文地址:https://www.cnblogs.com/WoAiZmm/p/7768011.html
Copyright © 2011-2022 走看看