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


相关推荐

  • 解决getJdbcTemplate往oracle数据库中插入数据返回主键出错问题

    解决getJdbcTemplate往oracle数据库中插入数据返回主键出错问题

    2021年12月2日
    46
  • translate3d模拟滚动条

    translate3d模拟滚动条做移动端页面,通常是不用原生的scroll,而是用translate3d来模拟,原因主要是原生的scroll对移动端的支持并不是很好,样式也不好看(有滚动条出现),用translate3d来模拟还可以调用GPU来加速,提高性能。html:

    2025年7月12日
    4
  • http协议与tcp协议区别[通俗易懂]

    http协议与tcp协议区别[通俗易懂]http协议与tcp协议区别1、性质不同:http是一个简单的请求-响应协议。TCP是一种面向连接的、可靠的、基于字节流的传输层通信协议。2、连接不同:TCP连接到不同但互连的计算机通信网络的主计算机中的成对进程之间依靠TCP提供可靠的通信服务。http通常运行在TCP之上。指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。3、功能不同:当应用层向TCP层发送用于网间传输的、用8位字节表示的数据流,TCP则把数据流分割成适当长度的报文段,最大传输段大小(MSS)通常受该计算机连接的网

    2022年9月20日
    1
  • 【DataStructure】Some useful methods about linkedList(三)

    【DataStructure】Some useful methods about linkedList(三)

    2022年1月12日
    39
  • python连接远程服务器_windows收不到组播

    python连接远程服务器_windows收不到组播C/C++code//MulticastSocket.cpp:implementationfile//#include”stdafx.h”#include”MulticastSocket.h”#include”HuanRemoteServiceDlg.h”#include”atlconv.h”#ifdef_DEBUG#definenewDEBUG_NEW#undefTHI…

    2022年10月1日
    2
  • XStream工具简单教程

    XStream工具简单教程XStream 简单教程 阅读目录 XStream 介绍 XStream 的基本使用 XStrea 序列化重命名 XStream 注解的使用 XStream 自定义转换器 XStream 对象流的使用 XStream 对象流的使用 XStream 持久化 APIXStream 操作 JSONXStream 介绍 1 Xstream 是一种 OXMapping 技术 是用来处理 XML 文件序列化的框架 在将 JavaBea

    2025年7月22日
    6

发表回复

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

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