$.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ù)情況下我用這個(gè)插件來讀取一些配置信息。 我們有時(shí)候會在 html 標(biāo)簽中加入一些其他的非HTML屬性來作為標(biāo)志信息,比如我們有時(shí)候會寫<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屬性。