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 强制刷新页面的实现代码
Dec 13 Javascript
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
jquery validate demo 基础
Oct 29 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
JavaScript数组push方法使用注意事项
Oct 30 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
单线程JavaScript实现异步过程详解
May 19 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
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
php curl模拟post提交数据示例
2013/12/31 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
NodeJS 模块开发及发布详解分享
2012/03/07 NodeJs
JS解决ie6下png透明的方法实例
2013/08/02 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
2019/11/01 jQuery
微信小程序实现转盘抽奖
2020/09/21 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
python 定时修改数据库的示例代码
2018/04/08 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
开放系统互连参考模型
2016/06/29 面试题
大学自我鉴定
2013/12/20 职场文书
优秀护士先进事迹
2014/05/08 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
django学习之ajax post传参的2种格式实例
2021/05/14 Python