获取url地址后面参数的2种方法(小程序二维码跳转参数解析)

这篇具有很好参考价值的文章主要介绍了获取url地址后面参数的2种方法(小程序二维码跳转参数解析)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        微信扫描小程序二维码后,在页面的onLoad函数的参数options内可以拿到跳转参数scene值,但是需要对scene进行decodeURIComponent操作,方法如下:

方法一:

 扫码二维码地址:
    https://api.test.cn/qrcode/jksi/code?sourceCode=abxd&Name=你我他

//截取url中的参数
      getUrlParams(url) {
        let o = {};    
        if (url.indexOf("?") != -1) {       
        let str = url.substr(url.indexOf("?") + 1).replace(/[#/|/#/]/g, "");       
        // console.log(str);       
        let strs = str.split("&");       
        // console.log(strs);      
        for (let i = 0; i < strs.length; i++) {      
        o[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);        
         }
        }
        return o;
      },


    onLoad (options) {
        // scene需要使用decodeURIComponent才能获取到生成二维码时传入的scene
        let decodeScene = decodeURIComponent(options.q);
        let urlParams = this.getUrlParams(decodeScene)
        let sourceCode= urlParams.sourceCode
        let Name= urlParams.Name
          
  }

方法二:文章来源地址https://www.toymoban.com/news/detail-584835.html

  页面地址:pages/home/home?courseId=1&lessonId=1
   scene值:courseId=1&lessonId=1

//参数解析
     getQueryValue(query, queryName) {
        const reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");
        const r = query.match(reg);
        if (r !== null){
          return r[2];
        } else {
          return null;
        }
      }


    onLoad (options) {
        // scene需要使用decodeURIComponent才能获取到生成二维码时传入的scene
        const decodeScene = decodeURIComponent(options.scene);
        const courseId = getQueryValue(decodeScene, ‘courseId’);
        const lessonId = getQueryValue(decodeScene, ‘lessonId’);
  }

到了这里,关于获取url地址后面参数的2种方法(小程序二维码跳转参数解析)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue中qrcode的使用方法(生成二维码插件) / 前端页面根据URL链接生成二维码

    1.下载 npm install qrcode --save-dev 2.引入(在所需要的页面中引入) import QRCode from “qrcode”; //引入生成二维码插件 3.生成二维码 作者:微微一笑绝绝子 出处:Vue中qrcode的使用方法(生成二维码插件) / 前端页面根据URL链接生成二维码 - 微微一笑绝绝子 - 博客园 本博客文章均为作者

    2024年02月15日
    浏览(64)
  • 【生成带参数小程序二维码,uniapp端接收参数】

    小程序有普通码和小程序码,普通二维码就是我们常见的四四方方是二维码,小程序二维码就是圆乎乎的那种,两种码都可以扫码进入微信,但是小程序码可见度更加高,官方推荐使用,下面讲下如何使用微信官方的接口生成两种二维码,官方链接如下(其实官网说的很详细了

    2024年02月10日
    浏览(46)
  • Java 创建带参数小程序二维码

            生成小程序二维码有三个接口,根据自己的业务场景选择合适的接口,这里我选择的是接口B   注意 :所带参数的长度不得超过32字符。access_token是小程序的

    2024年02月16日
    浏览(39)
  • 小程序将本页面生成二维码,二维码扫码带参数进小程序指定页面

    1、因为小程序调用 https://api.weixin.qq.com/ 不能直接调用这个接口,所以我们需要在ApiPost上先测试一下生成一下二维码,生成测试没问题后可以让后端调用返回给前端。 获取access_token方法官方文档地址如下: https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

    2024年02月15日
    浏览(53)
  • 微信小程序生成携带参数的二维码

    当对需求的时候发现 要完成一个永久二维码直接进入微信小程序的对应页面+对应IID参数 不要慌 这篇文章解决 满足生成需要 微信官方提供生成微信二维码 可满足大部分功能 获取不限制的小程序码 | 微信开放文档 可以看到官方文档有3种二维码的样式 我们这里以第一种的小

    2024年02月09日
    浏览(63)
  • 微信小程序生成带动态参数二维码

    首先说一下我的使用场景,用户可根据id生成这一条记录的二维码,其他人扫码直接跳转到小程序,显示这条记录的具体信息。 分两步:第一在微信公众号后台配置,第二利用canvas前端实现二维码展示,并接收参数做下一步处理。 登录微信公众平台,依次点击开发管理 - 开发

    2024年02月11日
    浏览(54)
  • 生成微信小程序发布上线后的二维码 、获取微信小程序二维码、微信小程序二维码如何生成?

    情景: 1、在微信小程序审核完成,发布到线上后,想通过扫描小程序二维码进入小程序 2、可分享二维码出去,通过二维码扫码进入小程序 方法: 1、进入微信小程序的后台配置。链接:微信公众平台。(如图一) 2、进入 “设置” -- “ 基本设置” -- “小程序码及线下物

    2024年02月12日
    浏览(57)
  • C#动态生成带参数的小程序二维码

      在微信小程序管理后台,我们可以生成下载标准的小程序二维码,提供主程序入口功能。在实际应用开发中,小程序二维码是可以携带参数的,可以动态进行生成,如如下场景: 1、不同参数决定的显示界面不同。 2、不同参数决定的功能不同。 3、由于小程序审核机制,我

    2024年02月04日
    浏览(42)
  • vue页面动态生成二维码,扫描二维码跳转到微信小程序,同时传递参数

    最近领导提了个新的需求, 点击表格时,弹出一个二维码,微信扫描此二维码时,跳转到微信小程序,同时将所在行的id(即员工所在公司的id)传过去,这样员工在登录微信小程序时,根据此id就知道是哪个公司的员工登录或者注册 了! 刚开始想的是,直接把小程序的二维

    2024年02月11日
    浏览(82)
  • 微信小程序中生成普通二维码,并根据二维码里的参数跳转对应的页面

    找到开发目录下面的 》 【开发管理】 》【开发设置】找到【扫普通链接二维码打开小程序】模块, 如图: 点击【添加】 例如: 我的生成二维码的链接地址是 服务器请求地址+需要跳转的参数 第一步:对要传递的参数进行编码 我要跳转到资讯页面, 服务器域名:https://x

    2024年02月08日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包