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);作者最新文章
JS转整数出现NaN怎么办?常见异常处理方案
2026-11-05 16:27:31
推荐几款免安装的在线JS压缩工具
2026-11-05 14:54:53
JS怎么使用JSON.stringify实现JSON格式化与缩进
2026-11-04 10:47:30
CodePen、JSFiddle 与 StackBlitz:主流 JS 在线编辑器对比
2026-11-03 21:07:49
JS字符串转数字后怎么正确判断是否为有效数值
2026-11-03 20:04:15
