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 相关文章推荐
HTML颜色选择器实现代码
Nov 23 Javascript
document.getElementById介绍
Sep 13 Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 Javascript
JS定时器实例详细分析
Oct 11 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
浅谈JS日期(Date)处理函数
Dec 07 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
javascript自定义滚动条实现代码
Apr 20 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 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 表单数据的获取代码
2009/03/10 PHP
php开启安全模式后禁用的函数集合
2011/06/26 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
学习ExtJS(一) 之基础前提
2009/10/07 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
2011/01/19 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
在Python中处理XML的教程
2015/04/29 Python
python实现用户登陆邮件通知的方法
2015/07/09 Python
Python中属性和描述符的正确使用
2016/08/23 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
python实现简易通讯录修改版
2018/03/13 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
python获取Linux发行版名称
2019/08/30 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
Pycharm修改python路径过程图解
2020/05/22 Python
Python实现数字的格式化输出
2020/08/01 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
艺术专业大学生自我评价
2013/09/22 职场文书
学生喝酒检讨书
2014/02/06 职场文书
高中班主任评语大全
2014/04/25 职场文书
社团活动总结格式
2014/08/29 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js