window.location.search 封装获取对应key的value值功能——函数封装

淩亂°似流年 2021-07-25 12:35 549阅读 0赞

## jq函数封装：获取url中query里面对应key的value值 ##

自从用了vue，我已经很久没有用到jq了。现在的这家公司要求做一些echart的页面，此时就需要用的jq进行dom操作了……

## 函数封装 ##

function getUrlParams(name) {  // 不传name返回所有值，否则返回对应值
        var url = window.location.search;// 获取Url中？及以后的内容
        if (url.indexOf('?') == -1) {  return false; }//如果没有找到？则返回false,其实这句话没有用，如果没有？则url就不会有值，所以此时直接判断url是否为空即可。
        url = url.substr(1);//substr截取字符串，只有一个参数时，代表从当前位开始截取直到最后，并返回截取的内容
        url = url.split('&');//将字符串通过&分割成数组
        var name = name || '';//如果有name参数则赋值为参数，如果没有参数则赋值为""
        var nameres;
        // 获取全部参数及其值 此时的url是key=value的数组
        for (var i = 0; i < url.length; i++) { 
            var info = url[i].split('=');//遍历数组，将数组的每一项进行=分割
            var obj = { };
            obj[info[0]] = decodeURI(info[1]);//有些参数是通过encodeURI() 函数编码过的，所以需要用decodeURI进行解码
            url[i] = obj;
        }// 最后返回的url是一个对象数组，每一个对象都是key:value的结构
        // 如果传入一个参数名称，就匹配其值
        if (name) {  //如果传入了name参数，则需要遍历对象数组，找到符合的key，然后返回对应的value值
            for (var i = 0; i < url.length; i++) { 
                for (var key in url[i]) { 
                    if (key == name) { 
                        nameres = url[i][key];
                    }
                }
            }
        } else { 
            nameres = url;
        }
        // 返回结果
        return nameres;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，549人围观）

还没有评论，来说两句吧...

相关阅读

相关根据json的key获取到对应的value

项目中偶尔会用到解析json，然后获取某个key的值的问题，这个有两个办法，一个是通过json创建一个对象出来，然后通过json转对象，然后通过对象获取对应的value，第二个

朱雀/ 2023年03月13日 02:20/ 0 赞/ 434 阅读

相关 JavaScript根据value值获取key

const obj = { a:1,b:2,c:3,d:4,g:4} function getMax(obj){ const maxNumb

短命女/ 2023年01月17日 04:41/ 0 赞/ 519 阅读

相关 js封装获取字节长度函数

//1个汉字三个字节 1个中文符合2个字节 export const getBytesLength = (str) => { if (str == nul

拼搏现实的明天。/ 2022年08月29日 12:51/ 0 赞/ 301 阅读

相关 java根据map指定的value值获取对应的key值使用Gson实现

public void checkmap(){ try { Map<String,String> map = new Has

素颜马尾好姑娘i/ 2022年06月10日 10:14/ 0 赞/ 358 阅读

相关设置或获取元素属性值的函数封装

注意：使用这个封装函数的时候，还要引入我之前封装的cssTransform函数，链接：[https://blog.csdn.net/lhjuejiang/article/d

快来打我*/ 2022年05月23日 03:52/ 0 赞/ 330 阅读

相关 cssTransform.js（获取transfrom相关属性的值）封装函数

需要注意的是：如果想要使用该封装函数获取transform相关的属性，那么transform相关的设置，也必须是通过该方法设置的使用介绍：分为取值和赋值，如果有val值

冷不防/ 2022年05月23日 01:43/ 0 赞/ 289 阅读

相关 Gson获取json字符串中key对应的值

用到了Gson的JsonParser maven项目引入 <dependency> <groupId>com.google.code.gson</gro

ゝ一世哀愁。/ 2022年05月17日 07:48/ 0 赞/ 779 阅读

相关常用功能封装函数

1，验证特殊符号字符串 function checkOtherChar(str){ //定义一个特殊符号的数组 var arr = [

Myth丶恋晨/ 2022年01月11日 09:05/ 0 赞/ 331 阅读

相关封装函数获取url中的参数值

function getUrlkey(url) \{ var params = \{\}, arr = url.split("?");

深碍√TFBOYSˉ_/ 2021年09月03日 04:10/ 0 赞/ 937 阅读

相关 window.location.search 封装获取对应key的value值功能——函数封装

jq函数封装：获取url中query里面对应key的value值自从用了vue，我已经很久没有用到jq了。现在的这家公司要求做一些echart的页面，此时就需要用的jq

淩亂°似流年/ 2021年07月25日 12:35/ 0 赞/ 550 阅读