创新互联JSON教程：JS根据key值获取URL中的参数值

本文提供了两个实例，其中，示例一讲解JS根据key值获取URL中的参数值及把URL的参数转换成JSON对象；示例二讲解js获取url传递参数，具体介绍内容请看下文：

创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站设计、成都网站建设、淮南网络推广、微信小程序、淮南网络营销、淮南企业策划、淮南品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供淮南建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

示例一：

//把url的参数部分转化成json对象
parseQueryString: function (url) {
 var reg_url = /^[^\?]+\?([\w\W]+)$/,
  reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
  arr_url = reg_url.exec(url),
  ret = {};
 if (arr_url && arr_url[1]) {
  var str_para = arr_url[1], result;
  while ((result = reg_para.exec(str_para)) != null) {
   ret[result[1]] = result[2];
  }
 }
 return ret;
}

// 通过key获取url中的参数值
getQueryString: function (name) {
 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 var r = window.location.search.substr(1).match(reg);
 if (r != null) return unescape(r[2]);
 return null;
}

示例二：

js通过两种方法获取url传递参数：

js获取url传递参数方法一：

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

然后我们通过调用此函数获取对应参数值：

以此获取url串中所带的同名参数

js获取url传递参数方法二 正则分析法：

function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

其他参数获取介绍：
//设置或获取对象指定的文件名或路径。
?
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所传递的参数和参数值

大家知道可以使用url传递参数值，本站几乎随便一个链接都会有传值，既然要传递值，那么自然要获取，否则就没有任何意义了，下面就通过实例介绍一下如何使用javascript获取url传递的参数和参数值。

代码实例如下:

[javascript]
(function(){   
  var urlToObject=function(url){   
    var urlObject = {};   
    if (/\?/.test(url)){   
      var urlString=url.substring(url.indexOf("?")+1);   
      var urlArray=urlString.split("&");   
      for(var i=0,len=urlArray.length;i6.var urlArray=urlString.split("&")，使用split()函数以&为标记分割字符串，并生成一个数组。这样每一个数组元素就是一个参数和参数值对。
7.for(var i=0,len=urlArray.length;i8.var urlItem=urlArray，将指定索引的数组值赋值给变量urlItem。
9.var item=urlItem.split("=")，再使用=分割字符串并生成一个数组，因为urlArray数组每一个元素都是一个参数和参数值对，例如"a=0",这样再经过分割，生成新数组的第一项就是参数名称，第二个项就是参数值。
10.urlObject[item[0]]=item[1]，将参数名称作为对象的属性名称，参数值作为对象的属性值。
11.return urlObject，返回对象。
12.var testUrl=http://softwhy.com/index.php?a=0&b=1&c=2，用作测试的url。
13.var result=urlToObject(testUrl)，将参数和参数值转换成对象的属性和属性值，并返回此对象。
14.for(var key in result)，遍历此对象.
            

                当前名称：创新互联JSON教程：JS根据key值获取URL中的参数值
                

                文章位置：http://www.shufengxianlan.com/qtweb/news15/73265.html
            
            

                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
            

                广告
                
            
            

                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联