使用javascript处理url的简单封装

最新推荐文章于 2024-12-23 18:46:32 发布

原创最新推荐文章于 2024-12-23 18:46:32 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #url #href

技术总结专栏收录该内容

41 篇文章

订阅专栏

本文介绍了如何在前台开发中通过URL地址中的参数进行数据获取，包括URL参数的截取、处理以及通过传入参数名获取对应参数值的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前台开发的过程中，经常会遇到通过在地址栏后加参数的方式对请求做处理，以下是我做的简单的对URL地址中的参数进行截取，通过传入参数名，获取对应的参数值：

var urlUtil = {
        params : [],//用来存储参数键值对的数组
        getParam : function(){ //获取参数字符串
            if(window.location.href.indexOf("?") > 0){
                return window.location.href.split("?")[1];
            }else{
                return "";
            }
        },
        formatParams : function(){ //对参数字符串进行处理，获取键值对并存入params中。
            var ps = urlUtil.getParam();
            if("" != ps){
                var a = ps.split("&");
                for(var i=0;i<a.length;i++){
                    var kv = [];
                    kv.push(a[i].split("=")[0]);
                    kv.push(a[i].split("=")[1]);
                    urlUtil.params.push(kv);
                }
            }
        },
        getParamValue : function(key){ //通过遍历键值对数组，匹配传入的参数名
            urlUtil.formatParams();
            for(var i=0;i<params.length;i++){
                if(urlUtil.params[i][0]==key){
                    return urlUtil.params[i][1];
                }
            }
            return "";
        }
};

在使用的时候，只需要调用getParamValue方法，传入参数名便可以得到参数值。如：要获取地址为：http://localhost/test.shtml?t=123&s=aaa中参数t的值，则使用方法为：