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 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
详解使用vue实现tab 切换操作
Jul 03 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
微信小程序实现上传图片功能
May 28 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 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
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
php实现微信发红包功能
2018/07/13 PHP
js 分栏效果实现代码
2009/08/29 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
值得学习的bootstrap fileinput文件上传工具
2016/11/08 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
jQuery回调方法使用示例
2017/06/26 jQuery
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
Vue源码探究之虚拟节点的实现
2019/04/17 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
构建Python包的五个简单准则简介
2015/06/15 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
一份Java笔试题
2012/02/21 面试题
盛大二次面试题
2016/11/18 面试题
大二自我鉴定
2014/01/31 职场文书
部门2014年度工作总结
2014/11/12 职场文书
财务工作个人总结
2015/02/27 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
vue实现列表垂直无缝滚动
2022/04/08 Vue.js