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 相关文章推荐
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
Jun 04 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
js实现贪吃蛇小游戏(加墙)
Jul 31 Javascript
js实现星星海特效的示例
Sep 28 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
JS实现简单的九宫格抽奖
Jun 28 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实现长连接的方法与注意事项的问题
2013/05/10 PHP
php版小黄鸡simsimi聊天机器人接口分享
2014/01/26 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
深入理解angular2启动项目步骤
2017/07/15 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
2017/09/14 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
vue+php实现的微博留言功能示例
2019/03/16 Javascript
vue+element实现表格新增、编辑、删除功能
2019/05/28 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
python中找出numpy array数组的最值及其索引方法
2018/04/17 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
python生成器用法实例详解
2019/11/22 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
优秀毕业大学生推荐信
2013/11/13 职场文书
外语系毕业生找工作的求职信
2013/11/28 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
班主任评语大全
2014/04/26 职场文书
生产车间标语
2014/06/11 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
三下乡活动心得体会
2016/01/23 职场文书
小学三年级数学教学反思
2016/02/16 职场文书
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python