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 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
Apr 05 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
分享两段简单的JS代码防止SQL注入
Apr 12 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
antd日期选择器禁止选择当天之前的时间操作
Oct 29 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(1)
2006/10/09 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
php生成年月日下载列表的方法
2015/04/24 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
python开发一款翻译工具
2020/10/10 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
应届行政管理专业个人自我评价
2013/12/28 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
2014年乡镇妇联工作总结
2014/12/02 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
张思德观后感
2015/06/09 职场文书
深入浅析Django MTV模式
2021/09/04 Python
nginx容器方式反向代理实战
2022/04/18 Servers
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python