jQuery獲取地址欄參數(shù)插件(模仿C#)
更新時間：2010年10月26日 12:51:22 作者：
前些陣子寫了個插件目的就是能夠像.net 的 Requst.QuerySting["param"]那樣獲取地址欄參數(shù)。現(xiàn)在拿出來和大家分享。感覺這個插件還是蠻有用的。
復制代碼 代碼如下:
$.request = (function () {
var apiMap = {};
function request(queryStr) {
var api = {};
if (apiMap[queryStr]) {
return apiMap[queryStr];
}
api.queryString = (function () {
var urlParams = {};
var e,
d = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); },
q = queryStr.substring(queryStr.indexOf('?') + 1),
r = /([^&=]+)=?([^&]*)/g;
while (e = r.exec(q))
urlParams[d(e[1])] = d(e[2]);
return urlParams;
})();
api.getUrl = function () {
var url = queryStr.substring(0, queryStr.indexOf('?') + 1);
for (var p in api.queryString) {
url += p + '=' + api.queryString[p] + "&";
}
if (url.lastIndexOf('&') == url.length - 1) {
return url.substring(0, url.lastIndexOf('&'));
}
return url;
}
apiMap[queryStr] = api;
return api;
}
$.extend(request, request(window.location.href));
return request;
})();
接下來簡介紹一下插件的用法。
我們可以通過 $.request.queryString["key"] 就能獲取到地址欄上面key參數(shù)。
大多數(shù)情況下我用這個插件來讀取一些配置信息。
我們有時候會在 html 標簽中加入一些其他的非HTML屬性來作為標志信息，比如我們有時候會寫<a id="demo" href="javascript:;" config="?title=hello&auto=true&">Demo</a>
這樣子我們通過
var config = $.request($("#demo").attr("config")).queryString;
var title = config.title;
很方便就能讀取a上面的配置信息，而且我們不需要給a 添加太多其他的非Html屬性。
相關文章
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個日歷插件 主要用來選擇時間段的插件 這個插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04
jquery動態(tài)導航插件dynamicNav用法實例分析
這篇文章主要介紹了jquery動態(tài)導航插件dynamicNav用法,較為詳細的分析了jquery導航插件的原理及具體使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
通過jquery和css相結合的方式實現(xiàn)鼠標點擊圖片彈出畫廊切換特效，效果逼真，下面小編把源碼分享給大家供大家參考2015-11-11
下面小編就為大家?guī)硪黄狫Query之proxy實現(xiàn)綁定代理方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
國外著名博客WDL發(fā)布了2011年度最佳 jQuery 插件。jQuery 自2006年發(fā)布以來，經(jīng)過五年的迅速發(fā)展，目前已是最流行和使用最廣泛的 JavaScript 框架2012-03-03
這篇文章主要介紹了jQuery+ajax+asp.net獲取Json值的方法,涉及jQuery的ajax技術與asp.net后臺交互的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
jQuery.buildFragment使用方法與思路分析以及源碼注釋分析等等，感興趣的朋友可以了解下哦2013-01-01
這篇文章主要介紹了jQuery設置圖片等比例縮小的方法,涉及jQuery針對頁面元素屬性動態(tài)判定與設置相關操作技巧,需要的朋友可以參考下2017-04-04
下面小編就為大家?guī)硪黄猨Query根據(jù)ID、CLASS、等獲取對象的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
如何在頁面上同時使用 jQuery 和其他框架？2013-04-04