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)
上一篇 2022年8月6日 上午11:36
下一篇 2022年8月6日 上午11:46


相关推荐

  • GOF23-创建型:简单工厂模式

    GOF23-创建型:简单工厂模式

    2021年7月12日
    80
  • 深入理解:回调函数

    深入理解:回调函数关于回调函数到底是什么 已经困扰了我很久了 在知乎上看到几位大神的帖子 才恍然大悟作者 no body 链接 https www zhihu com question answer 来源 知乎作者 常溪玲链接 https www zhihu com question answer 来源 知乎首先要明确

    2026年3月19日
    2
  • Hadoop操作HDFS命令「建议收藏」

    Hadoop操作HDFS命令「建议收藏」Hadoop操作HDFS命令如下所示: hadoopfs 查看HadoopHDFS支持的所有命令 hadoopfs–ls 列出目录及文件信息 hadoopfs–lsr 循环列出目录、子目录及文件信息 hadoopfs–puttest.txt/user/sunlightcs 将本地文件系统的test.txt复制到HDFS文件系统的/

    2022年10月4日
    4
  • dede使用方法—-调用导航

    dede使用方法—-调用导航

    2021年9月19日
    55
  • Charles 抓包原理[通俗易懂]

    Charles 抓包原理[通俗易懂]tTransferProtocolSecure),是一种基于SSL/TLS的HTTP,所有的HTTP数据都是在SSL/TLS协议封装之上进行传输的。HTTPS协议是在HTTP协议的基础上,添加了SSL/TLS握手以及数据加密传输,也属于应用层协议。所以,研究HTTPS协议原理,最终就是研究SSL/TLS协议。运行过程我们都知道HTTPS在保证数据安全传输上使用了加密算法,但是具体是如何加…

    2022年5月28日
    56
  • 修改asmx样式

    修改asmx样式今天看到一张图,asmx的WebService。长这样:当时就感觉有意思,这个页面风格和我们平时的不一样,我们平时的WebService长这样:我们如果在WebMetohd上面加注释,即[WebMethod(Description=”注释”)],那么长这样:那么问题就来了,第一张图里面的样式是如何实现的呢?在浏览器上进入调试模式观察,可以发现它的html和我们的有点不…

    2022年4月29日
    42

发表回复

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

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