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.5最新版本的改进细节分析
Jan 19 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
VC调用javascript的几种方法(推荐)
Aug 09 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
js实现拖拽元素选择和删除
Aug 25 Javascript
javascript实现前端分页功能
Nov 26 Javascript
Vue实现点击当前行变色
Dec 14 Vue.js
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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
PHP检测用户语言的方法
2015/06/15 PHP
php实现简单的上传进度条
2015/11/17 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
js parseInt(&quot;08&quot;)未指定进位制问题
2010/06/19 Javascript
浅谈Angularjs link和compile的使用区别
2016/10/21 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
python运行时间的几种方法
2016/06/17 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
matplotlib中legend位置调整解析
2017/12/19 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
init进程的作用
2012/04/12 面试题
市场部经理岗位职责
2014/04/10 职场文书
消防志愿者活动方案
2014/08/23 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
七年级英语教学反思
2016/02/15 职场文书
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL
Go语言特点及基本数据类型使用详解
2022/03/21 Golang