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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • compareTo()方法

    compareTo()方法1.返回参与比较的前后两个字符串的ASCII码的差值,如果两个字符串首字母不同,则该方法返回首字母的ASCII码的差值。Stringa1=”a”;Stringa2=”c”;System.out.println(a1.compareTo(a2));//结果为-22.参与比较的两个字符串如果首字符相同,则比较下一个字符,直到有不同的为止,返回该不同的字符的asc码差值。Stringa1=”aa”;Stringa2=”ad”;System.o

    2022年7月13日
    23
  • PetShop4架构与技术分析

    PetShop4架构与技术分析2006-4-1722:20:17(被阅读7246次)1.项目概述与架构分析微软刚推出了基于ASP.NET2.0下的PetShop4,该版本有了一个全新的用户界面。是研究ASP.NET2.0的好范例啊,大家都知道,一直以来,在.NET和Java之间…

    2022年10月17日
    2
  • iOS: 学习笔记, Swift与C指针交互(译)

    iOS: 学习笔记, Swift与C指针交互(译)

    2021年12月14日
    49
  • C#数组反转

    C#数组反转staticvoidMain(string[]arr){string[]names={“老杨1″,”老李2″,”老王3″,”老牛4″,”老虎5″,”老磁6”};for(inti=0;i<names.Length/2;i++){…

    2022年6月8日
    49
  • phpstorm PhpStorm 2021.3.20 激活码 3月最新注册码

    phpstorm PhpStorm 2021.3.20 激活码 3月最新注册码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    36
  • 中标麒麟安装deb命令_麒麟源码

    中标麒麟安装deb命令_麒麟源码**中标麒麟NeoKylin-SDK里都有哪些库文件**下边是中标麒麟1-8和14的安装包内容。希望对中标麒麟开发的同学能有些帮助。[root@bogonNeoKylin-SDK]#shinstall.shPleaseselectwhichgroupyouwanttoinstall:1)C-development5)gnome-soft…

    2022年8月10日
    93

发表回复

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

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