- 浏览: 534095 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (533)
- spring (8)
- struts (21)
- hibernate (17)
- java其他 (73)
- 设计模式 (2)
- 开发软件/插件 (26)
- android (8)
- extjs4 (1)
- 网络编程 (4)
- 生活杂记 (3)
- ibatis (5)
- 应用服务器 (4)
- js (26)
- html/css (16)
- linux (0)
- db (32)
- jsp/servlet (13)
- xml (9)
- webservice (10)
- 错误/异常处理 (23)
- 线程 (10)
- maven (7)
- lucene (2)
- python (0)
- 报表 (1)
- mongodb (6)
- restful (6)
- ssl (1)
最新评论
-
zmwxiaoming:
...
struts2拦截器验证登陆状态 -
u012413283:
感谢楼主,同样的问题解决了
eclipse下安装m2e的maven插件报错的各类解决方案(含pom editor没装好的解决方案) -
javalucky:
你妹,想不吐槽都不行啊,eclipse 那来的maven4My ...
clipse加载maven工程提示pom.xml无法解析org.apache.maven.plugins:maven-resources-plugin: -
zhaoyh82:
感谢楼主
eclipse下安装m2e的maven插件报错的各类解决方案(含pom editor没装好的解决方案) -
hua2011:
按照楼主说的,还是没有出现pom editor编辑器,麻烦楼主 ...
eclipse下安装m2e的maven插件报错的各类解决方案(含pom editor没装好的解决方案)
在基于B/S的web开发中,我们时常会通过发请求给服务端,来完成所需要的功能。这时候,url就少不了,无参的,带参的,等等。所以在有的时候,我们就需要通过获取当前发送的url的参数,通过这些参数进而完成更多的功能,所以这篇文章我们就会谈到,在不借助其他工具的情况下,用我们的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的附件我也传上。希望这篇文章对大家有所帮助。
- jquery.query.rar (2.2 KB)
- 下载次数: 15
发表评论
-
用 ajaxFileUpload 出现的问题:has no method 'handleError'、返回json数据提示下载 、一直返回error
2014-07-09 10:04 10901. 提示错误:Uncaught TypeError: Ob ... -
js防止表单重复提交
2013-10-30 11:01 538<script language="javas ... -
js控制文本框自动适应文本长度
2013-10-15 10:03 1008<!Doctype HTML PUBLIC " ... -
high一下源码(仅适用chrome)
2013-10-15 10:00 517<!DOCTYPE HTML PUBLIC " ... -
js弹出层
2013-10-15 09:50 741<!DOCTYPE html> <htm ... -
jQuery选择器总结
2013-09-16 13:23 463jQuery 的选择器可谓之 ... -
Java购物车实现
2013-09-13 16:42 1110查询的资料,找到三种 ... -
jquery 追加tr和删除tr
2013-09-11 17:28 1010<script type="text/jav ... -
jquery的each()详细介绍
2013-07-29 14:12 747each()方法能使DOM循环结构简洁,不容易出错。e ... -
7kb的javascript日期操作类库(XDate)
2013-07-22 14:33 997A Modern JavaScript Date Libra ... -
js遍历对象的属性并且动态添加属性
2013-07-22 13:27 2240Java代码 var ... -
jQuery插件FullCalendar日程表实现可扩展Google日历功能
2013-07-01 11:56 3448[javascript] view plainc ... -
js搜索关键词高亮
2013-06-20 18:23 1213<!DOCTYPE HTML PUBLIC " ... -
CKEditor+CKFinder+jsp的整理
2013-05-24 10:53 1562CKEditor是新一代的FCKeditor,是一个重新开发 ... -
jsoup解析html/根据关键词拿到论坛帖子信息
2013-04-19 17:02 1579以论坛《宽带山》为例,需要根据给定的 ... -
JS限制Textarea文本域字符个数
2013-03-14 16:44 1289<html> <head> ... -
ajax的xmlHttpRequest对象
2013-03-12 14:56 1126XMLHttpReque ... -
jquery选择器操作控制select
2013-03-08 10:27 898jQuery获取Select选择的Text和Value: ... -
4行CSS实现表格内容超过一行的部分,用省略号代替
2013-02-25 14:00 1895table{ table-layout: ... -
js获取当前系统时间 .
2013-02-20 13:31 6388var date=new Date(); var ...
相关推荐
js获取url中的参数 可以获取所有url 中属性后面的参数 如:www.baidu?ID=12&str=aaaa&name=zhangjian 获取属性=所对应的参数
设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。 设置或获取 URL 的协议部分。 设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 ...
js获取url参数
js获取url参数 附:具体实例使用。使用正则表达式。
JavaScript获取Url中的参数(解决中文乱码) 可以点击更改URL按钮 修改url中的参数
javascript获取url上的参数
如何用js获取当前url的参数值 如何用js获取当前url的参数值
获取url中参数,javascript,你值得拥有
Jquery 获取url参数,方便在js中获取url参数,重新制定url地址
用js获取上一个页面传过来的URL地址栏参数
做项目的时候用到了JavaScript获取URL参数,所以自己写了一个比较通用的方法,里面用到了JSON.js,附件里面有。
jquery_query_js获取url参 使用方法 var id = $.query.get("Id"); 其中的Id是传过来的
本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧。 方法一: //取url参数 var type = request("type") ...
主要介绍了php获取URL中带#号等特殊符号参数的解决方法,本文使用JS中的escape函数编码后传递解决这个问题,需要的朋友可以参考下
具体代码如下所示: /* 定义替换对象键值 */ var setReferArgs = function(){ .../* 替换URL的参数 */ var replaceUrlParams = function(url){ var actualUrl = ""; var referArgs = setReferArgs(); for(var ke
js地址栏参数获取,并生成对象
//JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 var url = [removed].href.toString(); var u = url.split("?"); var arr = []; if(typeof(u[1]) == "string"){ u = u[1]....