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 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 Javascript
理解Javascript_09_Function与Object
Oct 16 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
通过url查找a元素并点击
Apr 09 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
详解ES6中的三种异步解决方案
Jun 28 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
node中使用shell脚本的方法步骤
Mar 23 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 setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
2012/08/01 PHP
smarty表格换行实例
2014/12/15 PHP
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
使用python将mdb数据库文件导入postgresql数据库示例
2014/02/17 Python
python迭代器与生成器详解
2016/03/10 Python
Python学习入门之区块链详解
2017/07/25 Python
python hook监听事件详解
2018/10/25 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
总结python中pass的作用
2019/02/27 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
Python3打包exe代码2种方法实例解析
2020/02/17 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
毕业生求职信
2014/06/10 职场文书
先进集体申报材料
2014/12/25 职场文书
教师个人培训总结
2015/02/11 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android