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 相关文章推荐
Jquery实现弹出层分享微博插件具备动画效果
Apr 03 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
JavaScript实现捕获鼠标坐标
Apr 12 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检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
2015/08/18 PHP
修改PHP脚本使WordPress拦截垃圾评论的方法示例
2015/12/10 PHP
详解php中 === 的使用
2016/10/24 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
js中判断控件是否存在
2010/08/25 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
文字垂直滚动之javascript代码
2015/07/29 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
js选择器全面解析
2016/06/27 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
python创建进程fork用法
2015/06/04 Python
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
git进行版本控制心得详谈
2017/12/10 Python
python多进程控制学习小结
2018/10/31 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
Python容器类型公共方法总结
2020/08/19 Python
2014离婚协议书范文
2014/09/10 职场文书
结婚纪念日感言
2015/08/01 职场文书
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS