- 浏览: 921824 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (251)
- WebService (17)
- IBatis (22)
- Hibernate (1)
- SpringMVC - 基础篇 (32)
- Spring (15)
- Java (11)
- JVM及调优 - 基础篇 (4)
- 集群 (14)
- 数据库 (17)
- WebSphere (5)
- 多线程 (4)
- 集合、容器 (2)
- DB Pool (1)
- Power Designer (5)
- Maven基础 (5)
- JS (14)
- WEB 前端 (5)
- 实用小工具 (17)
- 社会、人 (2)
- 乱七八糟 (18)
- ASM&CGLIB - 基础篇 (12)
- 缓存 (1)
- 性能 (1)
- 设计之殇 (1)
- 分布式事务 (1)
- 单点登录 (11)
- 分布式 Session (4)
- Memcached - 基础篇 (6)
最新评论
-
一笑_奈何:
楼主写的还真行不错。
扫盲贴 - J2EE集群之JNDI集群实现 -
xuezhongyu01:
博主写的很详细,但最后还是没明白,最后调用BasicDataS ...
Spring中的destroy-method方法 -
Mr梁:
commons-fileupload.jar commons- ...
SpringMVC 中文件上传 MultipartResolver -
Eywa:
总结的很不错
ORACLE CASE WHEN 及 SELECT CASE WHEN的用法 -
TryRelax:
fastjson 比 jackson 好用吧?
Spring MVC Jackson DateFormat
js取当前url参数
- 博客分类:
- JS
js没有提供取当前url参数的方法,只能是自己从中截取了,在网上看很多都是split成数组后再匹配。后来找了个用正则写的,感觉很方便就收藏,方便日后使用。现在分享给大家。
Request = {QueryString : function( key ){ var svalue = window.location.search.match( new RegExp( "[\?\&]" + key + "=([^\&]*)(\&?)", "i" ) ); return svalue ? svalue[1] : svalue; } };
假设当前链接是http://www.test.com?a=b&c=d;
取c的值用var c=Request.QueryString(“c”);即可取到。
转载:http://xuedong.iteye.com/blog/1127727
=======================================================================
JQuery 怎么得到request url中的参数呢?
其实很简单,就是循环遍历url,然后找到“&”这个符号
下面是源代码
- // Read a page's GET URL variables and return them as an associative array.
- function getUrlVars()
- {
- var vars = [], hash;
- var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
- for(var i = 0; i < hashes.length; i++)
- {
- hash = hashes[i].split('=');
- vars.push(hash[0]);
- vars[hash[0]] = hash[1];
- }
- return vars;
- }
上面是得到URL的数组
我们打个比方
1.URL如下
2.我们在浏览器中可以看到数组如下
3.得到相应的参数的值
- var first = getUrlVars()["me"];
- // To get the second parameter
- var second = getUrlVars()["name2"];
下面JQuery的实现
- $.extend({
- getUrlVars: function(){
- var vars = [], hash;
- var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
- for(var i = 0; i < hashes.length; i++)
- {
- hash = hashes[i].split('=');
- vars.push(hash[0]);
- vars[hash[0]] = hash[1];
- }
- return vars;
- },
- getUrlVar: function(name){
- return $.getUrlVars()[name];
- }
- });
得到相应的值的方法
- // Get object of URL parameters
- var allVars = $.getUrlVars();
- // Getting URL var by its nam
- var byName = $.getUrlVar('name');
==================================================================================================
jquery来完成对当前请求的url的参数的获取。
在这里,我就列举出3类的获取参数的方法,其实质,当然,都是类似的。
第一种:1.引用外部js:<script type="text/javascript" src="js/jquery.query.js"></script>
2.设置js参数:<script type="text/javascript">
var jQuery.query={numbers:false,hash:true};
</script>
3.调用方法,获得参数:$.query.get(param1),$.query.get(param2),$.query.get(param3)......
第二种:1.引用外部js:<script type="text/javascript" src="js/jquery.query.js"></script>
2.编写脚本方法:<script type="text/javascript">
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
</script>
3.调用方法,获得参数:GetQueryString("param1"),GetQueryString("param2"),GetQueryString("param3").....
第三种:1.引用外部js:<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
2.编写脚本方法:<script type="text/javascript">
$.extend(
getUrlVars:function(){
var vars=[],hash;
var hashes=window.location.href.slice(window.location.href.indexOf(
'?'
) + 1).split(
'&'
);
for
(
var
i = 0; i < hashes.length; i++)
{
hash = hashes[i].split(
'='
);
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
},
getUrlVar:function(name){
return $.getUrlVars()[name];
}
);
</script>
3.调用方法,获得参数:$.getUrlVars();$.getUrlVar(
'name'
);
由上述三种方式可以看出,我们会引用到jquery.query.js这个js文件,这个js里到底是提供了哪些方法呢,下面我们把它的代码贴出来:
/** * jQuery.query - Query String Modification and Creation for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/8/13 * * @author Blair Mitchelmore * @version 2.1.6 * **/ new function(settings) { // Various Settings var $separator = settings.separator || '&'; var $spaces = settings.spaces === false ? false : true; var $suffix = settings.suffix === false ? '' : '[]'; var $prefix = settings.prefix === false ? false : true; var $hash = $prefix ? settings.hash === true ? "#" : "?" : ""; var $numbers = settings.numbers === false ? false : true; jQuery.query = new function() { var is = function(o, t) { return o != undefined && o !== null && (!!t ? o.constructor == t : true); }; var parse = function(path) { var m, rx = /\[([^[]*)\]/g, match = /^([^[]+?)(\[.*\])?$/.exec(path), base = match[1], tokens = []; while (m = rx.exec(match[2])) tokens.push(m[1]); return [base, tokens]; }; var set = function(target, tokens, value) { var o, token = tokens.shift(); if (typeof target != 'object') target = null; if (token === "") { if (!target) target = []; if (is(target, Array)) { target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value)); } else if (is(target, Object)) { var i = 0; while (target[i++] != null); target[--i] = tokens.length == 0 ? value : set(target[i], tokens.slice(0), value); } else { target = []; target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value)); } } else if (token && token.match(/^\s*[0-9]+\s*$/)) { var index = parseInt(token, 10); if (!target) target = []; target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value); } else if (token) { var index = token.replace(/^\s*|\s*$/g, ""); if (!target) target = {}; if (is(target, Array)) { var temp = {}; for (var i = 0; i < target.length; ++i) { temp[i] = target[i]; } target = temp; } target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value); } else { return value; } return target; }; var queryObject = function(a) { var self = this; self.keys = {}; if (a.queryObject) { jQuery.each(a.get(), function(key, val) { self.SET(key, val); }); } else { jQuery.each(arguments, function() { var q = "" + this; q = q.replace(/^[?#]/,''); // remove any leading ? || # q = q.replace(/[;&]$/,''); // remove any trailing & || ; if ($spaces) q = q.replace(/[+]/g,' '); // replace +'s with spaces jQuery.each(q.split(/[&;]/), function(){ var key = decodeURIComponent(this.split('=')[0] || ""); var val = decodeURIComponent(this.split('=')[1] || ""); if (!key) return; if ($numbers) { if (/^[+-]?[0-9]+\.[0-9]*$/.test(val)) // simple float regex val = parseFloat(val); else if (/^[+-]?[0-9]+$/.test(val)) // simple int regex val = parseInt(val, 10); } val = (!val && val !== 0) ? true : val; if (val !== false && val !== true && typeof val != 'number') val = val; self.SET(key, val); }); }); } return self; }; queryObject.prototype = { queryObject: true, has: function(key, type) { var value = this.get(key); return is(value, type); }, GET: function(key) { if (!is(key)) return this.keys; var parsed = parse(key), base = parsed[0], tokens = parsed[1]; var target = this.keys[base]; while (target != null && tokens.length != 0) { target = target[tokens.shift()]; } return typeof target == 'number' ? target : target || ""; }, get: function(key) { var target = this.GET(key); if (is(target, Object)) return jQuery.extend(true, {}, target); else if (is(target, Array)) return target.slice(0); return target; }, SET: function(key, val) { var value = !is(val) ? null : val; var parsed = parse(key), base = parsed[0], tokens = parsed[1]; var target = this.keys[base]; this.keys[base] = set(target, tokens.slice(0), value); return this; }, set: function(key, val) { return this.copy().SET(key, val); }, REMOVE: function(key) { return this.SET(key, null).COMPACT(); }, remove: function(key) { return this.copy().REMOVE(key); }, EMPTY: function() { var self = this; jQuery.each(self.keys, function(key, value) { delete self.keys[key]; }); return self; }, load: function(url) { var hash = url.replace(/^.*?[#](.+?)(?:\?.+)?$/, "$1"); var search = url.replace(/^.*?[?](.+?)(?:#.+)?$/, "$1"); return new queryObject(url.length == search.length ? '' : search, url.length == hash.length ? '' : hash); }, empty: function() { return this.copy().EMPTY(); }, copy: function() { return new queryObject(this); }, COMPACT: function() { function build(orig) { var obj = typeof orig == "object" ? is(orig, Array) ? [] : {} : orig; if (typeof orig == 'object') { function add(o, key, value) { if (is(o, Array)) o.push(value); else o[key] = value; } jQuery.each(orig, function(key, value) { if (!is(value)) return true; add(obj, key, build(value)); }); } return obj; } this.keys = build(this.keys); return this; }, compact: function() { return this.copy().COMPACT(); }, toString: function() { var i = 0, queryString = [], chunks = [], self = this; var encode = function(str) { str = str + ""; if ($spaces) str = str.replace(/ /g, "+"); return encodeURIComponent(str); }; var addFields = function(arr, key, value) { if (!is(value) || value === false) return; var o = [encode(key)]; if (value !== true) { o.push("="); o.push(encode(value)); } arr.push(o.join("")); }; var build = function(obj, base) { var newKey = function(key) { return !base || base == "" ? [key].join("") : [base, "[", key, "]"].join(""); }; jQuery.each(obj, function(key, value) { if (typeof value == 'object') build(value, newKey(key)); else addFields(chunks, newKey(key), value); }); }; build(this.keys); if (chunks.length > 0) queryString.push($hash); queryString.push(chunks.join($separator)); return queryString.join(""); } }; return new queryObject(location.search, location.hash); }; }(jQuery.query || {}); // Pass in jQuery.query as settings object
由源码我们可以看出,之前调用的它的东西,在源码中都有定义,如get()方法,load()方法,toString()方法等等。它里面提供了众多的扩展方法,这个就有待大家一起去研究使用。例如:
1. 想获取test,则在引入该js后,使用如下方式获取:var value=$.query.get('key');
2. 参数列表的名称相同,则可以这样,var arrValues=$.query.get("key"); arr=[value1,value2,value3....]
3. 参数列表的名称相同,想获取第二个参数,var value2=$.query.get("key[1]")
4. 设置参数,var newKey=$.query.set("name","zhangsan").toString(); newKey : "?name=zhangsan"
5. 设置两个参数,var newKeys=$.query.set("name","zhangsan").set("age",23).toString(); newKeys : "?name=zhangsan && age=23"
6. 删除一个参数:var deleteKey=$.query.REMOVE("sex");
7. 清空所有的参数:var emptyKey=$.query.empty();
8. 复制所有参数:var copyKeys=$.query.copy();
等等以上很多,更多的源自于对源码的研究和利用,这些就靠大家自己去琢磨了,实在没有你想要的,自己再这个基础上再添加自己的想要的代码也是可以的,该js的附件我也传上。希望这篇文章对大家有所帮助。
转载:http://jackjobs.iteye.com/blog/1701665
- jquery.query.rar (2.2 KB)
- 下载次数: 1
发表评论
-
treegrid控件按条件查询和重加载的实现
2013-02-21 15:51 1758转载:http://www.iteye.com/topic/ ... -
TABLE 多表头固定问题(基本jquery插件)
2013-02-21 15:33 1816转载:http://www.cnblogs.com/dat ... -
Ext RowEditer.js 报错误this.items is undefined
2012-02-15 09:50 1571var editor = new Ext.ux.grid ... -
Ajax跨域访问解决方案
2012-02-14 14:09 5219一、为什么有跨域的问题 跨域问题存在实际上源 ... -
Extjs3.3.1扩展组件 BufferView
2012-02-07 11:34 2089一、现状情况 目前遇到一个这样的需求:大概有几千多 ... -
Extjs Tree简单使用
2012-01-11 11:35 3979一、 效果图: js部分: var ... -
全同运算符 "==="
2012-01-11 10:44 942在JavaScript中,"==="是全同 ... -
Ext 统计行
2011-12-08 14:06 1360统计行不参与grid中行的排序。 ExtJs统计行展示 ... -
ExtJS中Ext.Ajax.request与form1.getForm().submit
2011-11-20 00:10 2107相同点:都属于Ajax提交方式! 不同点:Ext.Aja ... -
EXT提交服务器的三种方式
2011-11-19 18:24 2031一、 EXT提交服务器的三种方式 1. EXT的form ... -
Ext出现的问题:this.dom is undefined
2011-11-14 15:08 4053问题描述: 首先一个带有grid的页面,此页面弹 ... -
JSP引入含有ExtJs定义的组件的js文件并同步请求
2011-10-27 11:05 2941经常遇到这样的情况 ... -
ajax同步请求和异步请求
2011-07-02 11:18 3705ajax同步和异步的差异, 先看2段代码: 代码一: ...
相关推荐
如何用js获取当前url的参数值 如何用js获取当前url的参数值
具体代码如下所示: /* 定义替换对象键值 */ var setReferArgs = function(){ .../* 替换URL的参数 */ var replaceUrlParams = function(url){ var actualUrl = ""; var referArgs = setReferArgs(); for(var ke
当前url http://localhost:8888/select?aa=001&bb=002 var http = require(‘http’); var URL = require(‘url’); http.createServer(function(req, res){ var arg = url.parse(req.url).query; //方法一arg =...
其实我们也可以直接在js中获取请求的参数的值,通过使用[removed].search可以获取到当前URL的?号开始的字符串,如前面的链接获取到的search为?id=001。再对获取的字符串进行处理,就可以获取到参数的值了。 代码...
本篇文章是对js获取当前url中的参数值并复制给input的方法进行了详细的分析介绍,需要的朋友参考下
现在做网页,经常会碰到处理地址栏参数的问题,但一直是凭感觉做,之后漏洞百出也不知道从哪改起,因此,就专门做了一个修改地址栏参数的方法,这一下,就再也不用愁啦,哈哈! 以下就是我编的方法,使用很简单的哦...
在页面的url中使用encodeURI(encodeURI(中文)),对中文... 您可能感兴趣的文章:js将json格式的对象拼接成复杂的url参数方法js的form表单提交url传参数(包含+等特殊字符)的两种解决方法JS根据key值获取URL中的参数值及
url.js是一款可以非常实用方便的操纵网页URL地址的js插件。通过url.js你可以设置和获取当前URL的参数,也可以对当前URL的参数进行更新,删除操作,还可以将当前URL的参数显示为json字符串或是一个对象形式。
例如 当前你的URL是: //www.jb51.net/index.php?test=1&kk=2 如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get(‘test’); 如果参数有多个相同的名称 ,则可以这样: var arr = $....
方法一:简单,得不到参数,只有一个虚拟路径 代码如下:GetUrl =request(“url”) ‘这个因为我们没有url=什么字样所以直接pass掉 方法二:得到整个URL,得到参数 代码如下:‘得到当前页面的地址 Function Get...
代码如下:// 获取当前窗口url中param参数的值function get_param(param){ var query = location.search.substring(1).split(‘&’); for(var i=0;i<query.length;i++){ var kv = query[i].split(‘=’); if...
JS截取url获取一些信息类似的文章可以在网上找很多,本文在重复讲述一遍,有不会的朋友可以巩固一下
url paramter: 代码如下: //lastest: var getArgs=function() {//get url querystring var params=[removed].search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={}; while((temp=reg.exec(params))!=...
第一种方法:,代码比较专业 推荐 代码如下:[removed] function GetLocationParam(param){ var request = { QueryString : function(val) { var uri = [removed].search; var re = new RegExp(“” +val+ “=([^&?...
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、[removed...
此时可以使用js的方式得到当前页面的url中的get参数. 核心语句是: [removed].href 详细代码不解释了,有注释,你看了就懂.封装成jQuery扩展包. 代码如下: (function($){ $.extend({ /** * url get parameters * @...
#测试网址: ... #/blog/testurl.php //获取网址参数 echo $_SERVER[“QUERY_STRING”].” ”; #id=5 //获取用户代理 echo $_SERVER[‘HTTP_REFERER’].” ”; //获取完整的url echo ‘http://’.$
利用JavaScript获取当前页的URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般的Javascript函数。 其实不是,Javascript获取当前页的URL的函数就是我们经常用来重定向的...
本文实例讲述了php获取当前url地址的方法。分享给大家供大家参考,具体如下: js 获取: top.location.href //顶级窗口的地址 this.location.href //当前窗口的地址 php获取当前url地址: #测试网址: ...