JS根据key值获取URL中的参数值及把URL的参数转换成json对象


Posted in Javascript onAugust 26, 2015

不废话了,直接贴代码了,通过示例一讲解JS根据key值获取URL中的参数值及把URL的参数转换成json对象,示例二讲解js获取url传递参数,具体内容请看下文

示例一:

//把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
函数:

<Script language="javascript">
function GetRequest() {
 
 var url = location.search; //获取url中"?"符后的字串
 var theRequest = new Object();
 if (url.indexOf("?") != -1) {
  var str = url.substr(1);
  strs = str.split("&");
  for(var i = 0; i < strs.length; i ++) {
   theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
</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>

以此获取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根据key值获取URL中的参数值及把URL的参数转换成json对象,js通过两种方式获取url传递参数,代码

非常简单,希望对大家有所帮助。

Javascript 相关文章推荐
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
Node.Js生成比特币地址代码解析
Apr 21 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
vue-cli4.0多环境配置变量与模式详解
Dec 30 Vue.js
jquery实现的横向二级导航效果代码
Aug 26 #Javascript
jQuery三级下拉列表导航菜单代码分享
Apr 15 #Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 #Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 #Javascript
javascript中alert()与console.log()的区别
Aug 26 #Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 #Javascript
基于jQuery实现的QQ表情插件
Aug 25 #Javascript
You might like
PHP 中的类
2006/10/09 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
从性能方面考虑PHP下载远程文件的3种方法
2015/12/29 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
python操作列表的函数使用代码详解
2017/12/28 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
pytorch 模型可视化的例子
2019/08/17 Python
Python守护进程实现过程详解
2020/02/10 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
Python3 pickle对象串行化代码实例解析
2020/03/23 Python
Python分析最近大火的网剧《隐秘的角落》
2020/07/02 Python
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
高校学生干部的自我评价分享
2013/11/04 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
倡议书格式
2014/04/14 职场文书
银行服务明星推荐材料
2014/05/29 职场文书
工程造价专业求职信
2014/07/17 职场文书