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 ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
微信小程序使用map组件实现路线规划功能示例
Jan 22 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
Vue实现购物车详情页面的方法
Aug 20 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
JS实现电脑虚拟键盘的操作
Jun 24 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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
PHP开发负载均衡指南
2010/07/17 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
javascript:json数据的页面绑定示例代码
2014/01/26 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
JavaScript如何操作css
2020/10/24 Javascript
深入了解Python数据类型之列表
2016/06/24 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
python里反向传播算法详解
2020/11/22 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
eBay美国官网:eBay.com
2020/10/24 全球购物
高中毕业的自我鉴定
2013/12/09 职场文书
安全先进个人材料
2014/12/29 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
生日宴会祝酒词
2015/08/10 职场文书
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
2021/07/01 HTML / CSS
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL