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 相关文章推荐
js 链式延迟执行DOME
Jan 04 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
window.open不被拦截的实现代码
Aug 22 Javascript
jquery ajax请求实例深入解析
Nov 26 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
Jan 25 Javascript
node.js操作mongoDB数据库示例分享
Nov 26 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
JS 拦截全局ajax请求实例解析
Nov 29 Javascript
微信小程序开发图片拖拽实例详解
May 05 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
PHP概述.
2006/10/09 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
vue登录注册实例详解
2019/09/14 Javascript
微信内置浏览器图片查看器的代码实例
2019/10/08 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
Python中使用Inotify监控文件实例
2015/02/14 Python
python获取各操作系统硬件信息的方法
2015/06/03 Python
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
python实现飞机大战
2018/09/11 Python
windows下python安装小白入门教程
2018/09/18 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
葬礼司仪主持词
2014/03/31 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
做人民满意的公务员活动方案
2014/08/25 职场文书
意外伤害赔偿协议书范本
2014/09/28 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
工作保证书怎么写
2015/02/28 职场文书
安全学习心得体会范文
2016/01/18 职场文书