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 相关文章推荐
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
jQuery链使用指南
Jan 20 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
对vue.js中this.$emit的深入理解
Feb 23 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 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
一个PHP数组应该有多大的分析
2009/07/30 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
js实现内容显示并使用json传输数据
2016/03/16 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
基于iScroll实现内容滚动效果
2018/03/21 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
Python中的__SLOTS__属性使用示例
2015/02/18 Python
Python 实现简单的电话本功能
2015/08/09 Python
python保存网页图片到本地的方法
2018/07/24 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
Matlab中plot基本用法的具体使用
2020/07/17 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
HTML5 progress和meter控件_动力节点Java学院整理
2017/07/06 HTML / CSS
擅自离岗检讨书
2014/02/11 职场文书
运动员口号
2014/06/09 职场文书
党员承诺书范文2015
2015/04/27 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
多人股份制合作协议书
2016/03/19 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js