JS 实现微信扫一扫功能


Posted in Javascript onSeptember 14, 2018

具体代码如下所示:

let para = {
          opentoken : token,
          currUrl : location.href
        };
$.ajax({
          type: "POST",
          url: url,
          data: para,
          async: false,
          dataType: "json",
          error: function (res) {
            t.shadeConfig = {
              isEmpty: false,
              d_shade: false
            };
          },
          success: function(r) {
            if (200 == r.status) {
              var d = r.result;
              wx.config({
                debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId : d.appId, // 必填,公众号的唯一标识
                timestamp : d.timestamp, // 必填,生成签名的时间戳
                nonceStr : d.nonceStr, // 必填,生成签名的随机串
                signature : d.signature,// 必填,签名,见附录1
                jsApiList : [ 'scanQRCode' ]
                // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
              });
              wx.scanQRCode({
                // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
                needResult : 1,
                desc : 'scanQRCode desc',
                success : function(res) {
                  var codes = res.resultStr;
                  alert("扫码识别到的codes:"+codes);
                }
              });
            } else {
              t.shadeConfig = {
                isEmpty: false,
                d_shade: false
              };
            }
          }
        });

总结

以上所述是小编给大家介绍的JS 实现微信扫一扫功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
XENON基于JSON变种
Jul 27 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
将数字转换成大写的人民币表达式的js函数
Sep 21 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
浅析JS运动
Dec 28 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
详解webpack2异步加载套路
Sep 14 #Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
Sep 14 #Javascript
react项目实践之webpack-dev-serve
Sep 14 #Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 #Javascript
vue删除html内容的标签样式实例
Sep 13 #Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 #Javascript
vue2.0获取鼠标位置的方法
Sep 13 #Javascript
You might like
MVC模式的PHP实现
2006/10/09 PHP
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
php遍历树的常用方法汇总
2015/06/18 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
JS实现图片剪裁并预览效果
2016/08/12 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
小程序点击图片实现自动播放视频
2020/05/29 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
python中get和post有什么区别
2020/06/19 Python
浅析NumPy 切片和索引
2020/09/02 Python
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
EJB的几种类型
2012/08/15 面试题
后勤部长岗位职责
2013/12/14 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js
ECharts transform数据转换和dataZoom在项目中使用
2022/12/24 Javascript