Js+Jq获取URL参数的集中方法示例代码


Posted in Javascript onMay 20, 2014

JQ取值方法:

jquery本身也不存在取得URL参数的方法,但是已经存在插件,可以直接取得URL等参数
插件连接主页:https://github.com/allmarkedup/jQuery-URL-Parser
下载链接:http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

Examples of use
Using the current page's url (for these examples https://mysite.com/information/about/index.html?itemID=2&user=dave):

// get the protocol
jQuery.url.attr("protocol") // returns 'http'

// get the path
jQuery.url.attr("path") // returns '/information/about/index.html'

// get the host
jQuery.url.attr("host") // returns 'mysite.com'

// get the value for the itemID query parameter
jQuery.url.param("itemID") // returns 2

// get the second segment from the url path
jQuery.url.segment(2) // returns 'about'
Using a different url to the current page:

// set a different URL and return the anchor string
jQuery.url.setUrl("http://allmarkedup.com/category/javascript/#footer").attr("anchor") // returns 'footer'

JS原生获取:

最原始的JS方法:

var URLParams = new Array(); 
var aParams = document.location.search.substr(1).split('&'); 
for (i=0; i < aParams.length ; i++){ 
var aParam = aParams[i].split('='); 
URLParams[aParam[0]] = aParam[1]; 
}

这样调用:

http://127.0.0.1/index.php?name=name1&cid=123
//取得传过来的name参数
name=URLParams["name"];

document.write(name);
//取得传过来的cid

cid=URLParams["cid"];

正则分析法:

方法一:

function getQueryString(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; 
}

这样调用:

alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3"));

方法二:
<span style="font-size: 16px;"><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]]=unescape(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>
Javascript 相关文章推荐
jquery动画1.加载指示器
Aug 24 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
Jun 19 Javascript
jQuery插件开发汇总
May 15 Javascript
JS打开摄像头并截图上传示例
Feb 18 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
js 采用delete实现继承示例代码
May 20 #Javascript
js清空form表单中的内容示例
May 20 #Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 #Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 #Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 #Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 #Javascript
jQuery.holdReady()使用方法
May 20 #Javascript
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
超级简单的php+mysql留言本源码
2009/11/11 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
浅析Python中的join()方法的使用
2015/05/19 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
python+opencv边缘提取与各函数参数解析
2020/03/09 Python
使用Python实现批量ping操作方法
2020/05/06 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
婚纱摄影师求职信范文
2014/04/17 职场文书
生日庆典策划方案
2014/06/02 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
党的群众路线教育实践活动个人对照检查材料(四风)
2014/11/05 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
2015入党自传格式范文
2015/06/26 职场文书
MySQL令人咋舌的隐式转换
2021/04/05 MySQL
Redis keys命令的具体使用
2022/06/05 Redis
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android