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 Event学习第八章 事件的顺序
Feb 07 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
PHP多进程简单实例小结
2019/11/09 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
js实现文本框支持加减运算的方法
2015/08/19 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python获得一个月有多少天的方法
2015/06/04 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
python把转列表为集合的方法
2019/06/28 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
给水排水工程专业毕业生推荐信
2013/10/28 职场文书
门诊挂号室室长岗位职责
2013/11/27 职场文书
企业后勤岗位职责
2014/02/28 职场文书
优秀教师演讲稿
2014/05/06 职场文书
少先队活动总结
2014/08/29 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
车间安全生产管理制度
2015/08/06 职场文书
找规律教学反思
2016/02/23 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python