在JavaScript中获取请求的URL参数


Posted in Javascript onDecember 22, 2010

当然我们可以在后台中获取参数的值,然后在前台js代码中获取变量的值,具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。

其实我们也可以直接在js中获取请求的参数的值,通过使用window.location.search可以获取到当前URL的?号开始的字符串,如前面的链接获取到的search为?id=001。再对获取的字符串进行处理,就可以获取到参数的值了。

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

在调用上面的方法的时候,只要传入参数的名称,就可以获取到你想要的参数的值了,如:getUrlParam("id")。
Javascript 相关文章推荐
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
Javascript页面跳转常见实现方式汇总
Nov 28 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
Jun 09 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
react中hook介绍以及使用教程
Dec 11 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 #Javascript
jQuery Clone Bug解决代码
Dec 22 #Javascript
修改jquery.lazyload.js实现页面延迟载入
Dec 22 #Javascript
jquery插件 autoComboBox 下拉框
Dec 22 #Javascript
Jquery截取中文字符串的实现代码
Dec 22 #Javascript
jquery里的each使用方法详解
Dec 22 #Javascript
jQuery学习笔记之jQuery的动画
Dec 22 #Javascript
You might like
纯php打造的tab选项卡效果代码(不用js)
2010/12/29 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
php支付宝接口用法分析
2015/01/04 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
[原创]php正则删除img标签的方法示例
2017/05/27 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
动态添加js事件实现代码
2009/03/12 Javascript
Javascript的闭包
2009/12/31 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
python文件名和文件路径操作实例
2017/09/29 Python
Django 批量插入数据的实现方法
2020/01/12 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
Pandas的Apply函数具体使用
2020/07/21 Python
Python定义一个Actor任务
2020/07/29 Python
python使用建议与技巧分享(二)
2020/08/17 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
STRATHBERRY苏贝瑞包包官网:西班牙高级工匠手工打造
2020/11/10 全球购物
员工试用期考核自我鉴定
2014/04/13 职场文书
课例研修方案
2014/05/31 职场文书
考试没考好检讨书
2015/05/06 职场文书
2016寒假假期总结
2015/10/10 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
浅谈python数据类型及其操作
2021/05/25 Python
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
SQL SERVER触发器详解
2022/02/24 SQL Server