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 相关文章推荐
javascript 一些用法小结
Sep 11 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
12306验证码破解思路分享
Mar 25 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
js本地图片预览实现代码
Oct 09 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
jQuery实现发送验证码并60秒倒计时功能
Nov 25 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
详解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
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
php数组去重实例及分析
2013/11/26 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
深入探讨javascript中的数据类型
2015/03/04 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
js微信分享实现代码
2020/10/11 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
vue v-model的用法解析
2020/10/19 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
Django实现文件上传下载功能
2019/10/06 Python
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
护理专业自我鉴定
2014/01/30 职场文书
校运会入场式解说词
2014/02/10 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
专家推荐信范文
2015/03/26 职场文书
超市食品安全承诺书
2015/04/29 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
MySQL的Query Cache图文详解
2021/07/01 MySQL
Java实现带图形界面的聊天程序
2022/06/10 Java/Android