JS 实现微信扫一扫功能

 更新时间:2018年09月14日 09:19:20   作者:焦木  
这篇文章主要介绍了JS 实现微信扫一扫功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

具体代码如下所示:

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 实现微信扫一扫功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 微信小程序实现美食展示与收藏功能

    微信小程序实现美食展示与收藏功能

    这篇文章主要介绍了如何在微信小程序中实现美食展示与收藏的功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起动手尝试一下
    2022-03-03
  • javaScript中的原型解析【推荐】

    javaScript中的原型解析【推荐】

    下面小编就为大家带来一篇javaScript中的原型解析【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 用js实现控件的隐藏及style.visibility的使用

    用js实现控件的隐藏及style.visibility的使用

    用js控制控件的隐藏,使用style.visibility实现 ,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-06-06
  • JavaScript获取ul中li个数的方法

    JavaScript获取ul中li个数的方法

    这篇文章主要介绍了JavaScript获取ul中li个数的方法,涉及javascript针对页面HTML元素的获取及属性操作相关技巧,需要的朋友可以参考下
    2017-02-02
  • javascript 数组使用方法汇总

    javascript 数组使用方法汇总

    由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素 可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了.
    2009-12-12
  • js操作XML文件的实现方法兼容IE与FireFox

    js操作XML文件的实现方法兼容IE与FireFox

    下面小编就为大家带来一篇js操作XML文件的实现方法兼容IE与FireFox。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • javascript iframe内的函数调用实现方法

    javascript iframe内的函数调用实现方法

    用下面的方法可以调用iframe中的函数,实现一些比较特殊的效果,不过能跨域的。
    2009-07-07
  • 深入理解JavaScript系列(3) 全面解析Module模式

    深入理解JavaScript系列(3) 全面解析Module模式

    Module模式是JavaScript编程中一个非常通用的模式,一般情况下,大家都知道基本用法,本文尝试着给大家更多该模式的高级使用方式
    2012-01-01
  • js获取div高度的代码

    js获取div高度的代码

    不错的获取div高度的代码,主要是方便测试一些信息,用到了javascript的offsetHeight属性
    2008-08-08
  • 学习JavaScript设计模式之装饰者模式

    学习JavaScript设计模式之装饰者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的装饰者模式,对JavaScript设计模式感兴趣的小伙伴们可以参考一下
    2016-01-01

最新评论