最近在純靜態做前後耑分離開發,但是前耑的參數獲取好蛋疼啊,因爲JS沒法像PHP那麽爽一個方法就可以獲取參數
UrlParm = function() { // url參數
var data, index;
(function init() {
data = [];
index = {};
var u = window.location.search.substr(1);
if (u != '') {
var parms = decodeURIComponent(u).split('&');
for (var i = 0, len = parms.length; i < len; i++) {
if (parms[i] != '') {
var p = parms[i].split("=");
if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=
data.push(['']);
index[p[0]] = data.length - 1;
} else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =
data[0] = [p[1]];
} else if (typeof(index[p[0]]) == 'undefined') { // c=aaa
data.push([p[1]]);
index[p[0]] = data.length - 1;
} else {// c=aaa
data[index[p[0]]].push(p[1]);
}
}
}
}
})();
return {
// 獲得參數,類似request.getParameter()
parm : function(o) { // o: 參數名或者參數次序
try {
return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);
} catch (e) {
}
},
//獲得參數組, 類似request.getParameterValues()
parmValues : function(o) { // o: 參數名或者參數次序
try {
return (typeof(o) == 'number' ? data[o] : data[index[o]]);
} catch (e) {}
},
//是否含有parmName參數
hasParm : function(parmName) {
return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;
},
// 獲得參數Map ,類似request.getParameterMap()
parmMap : function() {
var map = {};
try {
for (var p in index) { map[p] = data[index[p]]; }
} catch (e) {}
return map;
}
}
}();使用的時候引入文档,記住要引入JQ哦,因爲是基於JQ開發的插件,
然後
<script type="text/javascript">
var id=UrlParm.parm("id"); //要獲取的參數key
console.log(id);
</sc
ript>
