记得之前在原来的公司写过这个东西,但是还是忘记怎么接住参数了,只知道怎么把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);

用js 获取url 参数 页面跳转 ? 后的参数的更多相关文章

  1. Ajax获取接口数据,url拼接参数跳转页面,js获取上一级页面参数给本页面

    1.Ajax获取接口数据 function demo(){ //假设请求参数 var requestBody = [{ "name":"zhang", &quo ...

  2. js获取url 中的值,并跳转相应页面

    实现方法:一:获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET1.函数: <Script lang ...

  3. js获取url参数值,js获取其他页面传递而来的值

    index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数 根据获取html的参数值控制htm ...

  4. js获取url(request)中的参数

    index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数,根据获取html的参数值控制htm ...

  5. js获取URL中的参数

    js获取URL中的一些参数的意思 location对象 含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中 ...

  6. js获取url传递参数(转的,原作不详)

    这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET 函数: <Script languag ...

  7. js获取url参数的方法

    js获取url参数的方法有很多. 1.正则分析 function getQueryString(name) { var reg = new RegExp("(^|&)" + ...

  8. get方法与post方法的区别与js获取url参数的方式

    1.get方法与post方法的区别: 区别一:get重点在从服务器上获取资源,post重点在向服务器发送数据:区别二:get传输数据是通过URL请求,以field(字段)= value的形式,置于UR ...

  9. js 获取url中的参数 修改url 参数 移除url参数

    js 获取url中的参数 修改url 参数 移除url参数 var jsUrlHelper = { getUrlParam : function(url, ref) { var str = " ...

  10. js获取url传递得参数

    方法一:正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(& ...

随机推荐

  1. [BZOJ1602] [Usaco2008 Oct] 牧场行走 (LCA)

    Description N头牛(2<=n<=1000)别人被标记为1到n,在同样被标记1到n的n块土地上吃草,第i头牛在第i块牧场吃草. 这n块土地被n-1条边连接. 奶牛可以在边上行走, ...

  2. ubuntu安装Eclipse无图标(手动创建软件图标) —— 其他的软件也一样

    //退回根目录 cd / //进入图标存放目录 cd usr/share/applications/ //用文本编辑器打开打开eclipse的图标文件,没有会自动创建 sudo gedit eclip ...

  3. Cassandra配置多节点集群以及使用雅虎YCSB压测Cassandra 3.11

    这几天在搭Cassandra集群以及对Cassandra的性能测试,步骤还挺多,记录一下. 关于Caaandra在服务器上配置多节点集群,可以参考一下文章: http://blog.csdn.net/ ...

  4. 去除IE10自带的清除按钮

    最近在工作中碰到了一个问题,原本在IE8,IE9下正常的input表单,在IE10下会出现清除按钮,即表单右侧会出现一个可以清除该表单内容的小叉.由于之前一直没有兼容过IE10,所以我专门搜了下原因. ...

  5. 用Node.js写爬虫,撸羞羞的图片

    说到爬虫,很多人都认为是很高大上的东西.哇塞,是不是可以爬妹纸图啊,是不是可以爬小片片啊.答案就是对的.爬虫可以完成这些东西的操作.但是,作为一个正直的程序员,我们要在法律允许范围内用爬虫来为我们服务 ...

  6. Redis搭建多台哨兵

    搭建多台哨兵 完成spring管理多台哨兵 学习redis如何数据持久化如何管理内存 Redis集群搭建 集群测试 Spring管理集群 2 搭建多台哨兵 2.1 搭建步骤 2.1.1 修改6379哨 ...

  7. 在虚拟机VMware上安装Linux系统教程

    目录: 一.       CentOS的安装 二.       RedHat的安装 三.       VMwaretools的安装 此处提供CentOS和RedHat两个版本的系统安装流程,至于选哪个 ...

  8. 前端dom元素的操作优化建议

    参考自:http://blog.csdn.net/xuexiaodong009/article/details/51810252 其实在web开发中,单纯因为js导致性能问题的很少,主要都是因为DOM ...

  9. 001: 徒手建立一个JavaWeb应用

    不借助IDE,我们徒手建立一个JavaWeb应用. web.xml: <?xml version="1.0" encoding="ISO-8859-1"? ...

  10. WinSock 异步I/O模型-3

    重叠I/O(Overlapped I/O) 在 Winsock 中,重叠 I/O(Overlapped I/O)模型能达到更佳的系统性能,高于之前讲过的三种.重叠模型的基本设计原理便是让应用程序使用一 ...