今天看文章的时候,看到一篇文章,非常好,这里我也尝试了一下
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如下
http://www.example.com/?me=myValue&name2=SomeOtherValue
2.我们在浏览器中可以看到数组如下
{
"me" : "myValue",
"name2" : "SomeOtherValue"
}
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');
简简单单的,非常好用。。。希望大家顶起来
参考:http://jquery-howto.blogspot.jp/2009/09/get-url-parameters-values-with-jquery.html
分享到:
相关推荐
jquery.print-preview.js 浏览器打印插件
jQuery Media Plugin Demo
JQuery Cycle Plugin
jquery 的经典 英文书 jQuery Plugin Development Beginner’s Guide.PDF
、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。
jquery下拉列表插件(jQuery Simple Drop-Down Menu Plugin),demo点击:http://blog.csdn.net/shellwin/archive/2010/07/05/5714455.aspx
前端项目-jquery.liveurl,jQuery plugin to get an url preview like the facebook attachment
struts2-jquery-plugin-3.1.0.jar
jQuery Orbit Plugin 1.2.3
JQuery validation plugin学习资料
jQuery plugin for autocomplete - jQuery自动完成插件
jQuery输入格式的插件Masked Input Plugin 里面有完整例子
jquery UI 与plugin 开发实战 开发富界面
struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0
jquery-plugin:开发Jquery插件的简单示例,
一个从URL获取参数的插件 要安装:只需将JQuery放在您的项目中,然后导入插件,如下所示: < script src =" jquery.getUrlParameters.js "/> 要使用公正的电话: var result = $ . getUrlVar ( ...
jQuery grid view plugin - jQuery表格插件
jquery select美化插件selectlist plugin下载地址
jQuery验证控件 Validation Plugin - v1.14.0汉化及附带案例
最新的struts2-jquery-plugin插件3.3.3,包括jquery-ui和grid,使用标签实现。