javascript获取url参数_正在获取网络参数一直不出来

javascript获取url参数_正在获取网络参数一直不出来在做项目过程中,经常会遇到获取URL参数的问题。每次都是百度一下,找许久才找到能用的方法。今天我自己琢磨了一下,写了一个方法,实测有用。我有一个链接http://www.myrealmname.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

在做项目过程中,经常会遇到获取URL参数的问题。每次都是百度一下,找许久才找到能用的方法。

今天我自己琢磨了一下,写了一个方法,实测有用。

我有一个链接  http://www.myrealmname.com/mall/#/product/157

给它加两个参数   http://www.myrealmname.com/mall/#/product/157?promotion_code=ZB06AKXFSR&sku=100

  

要获取url中的参数的值,则

console.log(   getParmeter(‘promotion_code‘)   )    // ZB06AKXFSR

console.log(   getParmeter(‘sku’)   )    // 100

下面是这个方法的详解

getParmeter(variable){

            let query = window.location.href.split(‘?’)[1];   // 这里query的结果是:   promotion_code=ZB06AKXFSR&sku=100

            let vars = query.split(‘&’);                             // 这里vars的结果是:   [“promotion_code=ZB06AKXFSR”, “sku=100”]

            for (let i = 0; i < vars.length; i++) {                 //然后循环

                let pair = vars[i].split(‘=’);                        //  循环第一次结果pair [“promotion_code”, “ZB06AKXFSR”]  循环第二次结果pair [“sku”, “100”]

                if(pair[0] === variable){                           // 做判断 如果参数名和我们的实参一样

                  return pair[1];                                       // 就返回对应的值

                }

            }

            return ”;

},

javascript获取url参数_正在获取网络参数一直不出来

 

希望能帮到大家

 

——————————————————————————————————————————

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166527.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • webapp开发框架推荐以及优缺点分析【webAPP干货】[通俗易懂]

    webapp开发框架推荐以及优缺点分析【webAPP干货】[通俗易懂]推荐下面6款常用的webapp开发框架。有兴趣可以阅读《HTML5移动webAPP和HybridAPP开发的优缺点分析》和2014年webAPPUI设计和前端JS特效案例集萃第一款:Sencha TouchSenchaTouch是世界上第一个支持HTML5和CSS3标准的移动应用框架,你可以使用HTML5来编写音频和视频组件,还可以使用Lo

    2022年6月15日
    38
  • 卡盟货源对接_卡盟排行

    卡盟货源对接_卡盟排行最近,很多小伙伴们都在想搭建一个卡盟的主站,但是鉴于很多人都不太懂编程,也不知道如何找到源码。所以现在小编就为大家带来搭建卡盟主站教程,而且还把源码也一起送来了,想要搭建卡盟主站的话就记得一定要下载哦!搭建卡盟主站教程介绍1,完整无误经过校验的卡盟平台源码2,基于Ecshop内核的卡盟平台,游戏点卡销售的首选平台PHP+MYSQL3,前台模板已做深层SEO优化便于搜索引擎收录寻找卡盟源码1网…

    2022年8月12日
    6
  • uC/os内存优化——TLSF算法

    uC/os内存优化——TLSF算法需求uC/os内存管理机制为内存块形式,用户申请内存是需要自己指定内存区内内存块数和内存块大小,看起来很灵活,实际上很不方便,需要使用者记住内存块大小,自己维护内存区,给使用者增加了负担。TLSF算法能够满足实时性的要求,并且可有效的较小内部碎片。TLSF作为分离式空闲链表算法(SegregatedFreeLists)的拓展–将相似的空闲块利用数组或者二叉树进行管理从而使响应时间与空…

    2022年6月15日
    30
  • FZU 1686 龙之谜 重复覆盖

    FZU 1686 龙之谜 重复覆盖

    2022年1月10日
    42
  • redis如何清空当前缓存和所有缓存

    redis如何清空当前缓存和所有缓存

    2021年11月9日
    63
  • 华为模拟器eNSP安装史上最全。。

    华为模拟器eNSP安装史上最全。。**华为模拟器基本使用**首先下载模拟工具eNSPeNSP(EnterpriseNetworkSimulationPlatform)是一款由华为提供的免费的、可扩展的、图形化操作的网络仿真工具平台,主要对企业网络路由器、交换机进行软件仿真,完美呈现真实设备实景,支持大型网络模拟,让广大用户有机会在没有真实设备的情况下能够模拟演练,学习网络技术。网站地址https://supp…

    2022年6月16日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号