javascript提取URL的搜索字符串中的参数(自定义函数实现)


Posted in Javascript onJanuary 22, 2013

今天在犀牛书上发现了一个有用的函数 urlArgs(提取URL的搜索字符串中的参数)。我们经常会看到有的页面链接地址后面会跟有参数,比如 http://www.xxx.com/?username=yyy&password=zzz 之类的,很多时候我们需要获得这些参数的值(yyy和zzz),那么就可以利用 urlArgs 函数,通过该函数的返回值(返回值是对象)的属性来获取。

urlArgs 函数代码

function urlArgs(){ 
var args = {}; 
var query = location.search.substring(1); 
var pairs = query.split('&'); 
for(var i = 0; i < pairs.length; i++){ 
var pos = pairs[i].indexOf('='); 
if(pos == -1) continue; 
var name = pairs[i].substring(0,pos); 
var value = pairs[i].substring(pos + 1); 
value = decodeURIComponent(value); 
args[name] = value; 
} 
return args; 
}

使用方法
var args = urlArgs(); 
var username = args.username; //yyy 
var password = args.password; //zzz
Javascript 相关文章推荐
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
javascript实现tab切换特效
Nov 12 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
详解Angular5路由传值方式及其相关问题
Apr 28 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
谈谈node.js中的模块系统
Sep 01 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 #Javascript
js jquery验证银行卡号信息正则学习
Jan 21 #Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 #Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 #Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 #Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 #Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 #Javascript
You might like
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
PHP获取MAC地址的具体实例
2013/12/13 PHP
再论Javascript下字符串连接的性能
2011/03/05 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
2018/03/28 jQuery
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
python对数组进行反转的方法
2015/05/20 Python
深入浅析python 中的匿名函数
2018/05/21 Python
浅析python的Lambda表达式
2019/02/27 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
python实现canny边缘检测
2020/09/14 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
亲子运动会的活动方案
2014/08/17 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
2014年底工作总结
2014/12/15 职场文书
务工证明怎么写
2015/06/18 职场文书
锦旗赠语
2015/06/23 职场文书
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript