本文介绍如何使用jQuery封装一个获取URL中Get参数的方法。通过解析window.location.href,分离查询字符串并提取键值对,返回包含所有Get参数的数组对象。该方法适用于前端页面间参数传递场景,代码简洁且带有详细注释,方便开发者直接扩展使用。
jQuery封装获取URL Get参数方法
在前端纯JavaScript处理场景中,常需将当前网页的参数以Get方式传递给下一个页面。此时,可通过JavaScript获取当前页面URL中的Get参数。核心语句为:window.location.href。具体实现代码已添加注释,逻辑清晰易懂,并将其封装为jQuery扩展插件。
具体实现代码如下:
(function($){
$.extend({
/**
* url get parameters
* @public
* @return array()
*/
urlGet:function()
{
var aQuery = window.location.href.split("?");//取得Get参数
var aGET = new Array();
if(aQuery.length > 1)
{
var aBuf = aQuery[1].split("&");
for(var i=0, iLoop = aBuf.length; i<iLoop; i++)
{
var aTmp = aBuf[i].split("=");//分离key与Value
aGET[aTmp[0]] = aTmp[1];
}
}
return aGET;
},
});
})(jQuery);