jQuery封装获取URL Get参数方法

作者:清欢时间:2026-10-27 18:28:57浏览:310

本文介绍如何使用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);
作者最新文章